قالب موقع ويب

reveal-hugo

Theme

وصف هذا القالب غير متوفر بالعربية بعد، لذلك يظهر بالإنجليزية.

Website · مجاني

عرض مستودع الشيفرة
reveal-hugo

تحليل التصميم

قراءة بالذكاء الاصطناعي لتصميم هذا القالب: الألوان والخطوط والمسافات والأقسام والتفاصيل المميزة. يبدأ منها Ottermind عند استخدام القالب.

هذا التحليل غير متوفر بالعربية بعد، لذلك يظهر بالإنجليزية.

Overall

presentation theme, clean and minimal, low density, light

Palette

background #ff3d8b; surfaces #ffffff; text #000000; muted text #444444; primary #ff3d8b; accents #ff3d8b

Type

headings Inter, 700, uppercase; body Inter, 16px; scale h1 48px / h2 32px / h3 24px

Shape & spacing

button radius 0px, borders none, shadows none, section spacing 40px, content width 800px

Sections (top to bottom)
  • Cover — centered layout, single column, logo icon above headline, headline "REVEAL-HUGO", subheading below, attribution line with @dzello in pink, right-pointing arrow icon in bottom-right corner, white background with pink border
Signature details
  • Bright pink border framing the entire screen
  • Minimalist centered composition with generous whitespace
  • Film projector emoji used as a visual brand mark
  • Right-facing chevron navigation indicator in pink
  • Clean sans-serif typography with consistent alignment
  • Attribution styled in italicized pink text
Other pages
  • /slides: presentation slide layout with horizontal navigation

تفاصيل القالب

الفئة
Website
التقنيات
Hugo
الترخيص
MIT
المؤلف
Josh Dzielak
منشور على
Hugo Themes
السعر
مجاني

التصميم الأصلي من Josh Dzielak، منشور على Hugo Themes. لا ينسخ Ottermind شيفرة القالب، بل ينشئ موقعًا جديدًا انطلاقًا من الموجز.

الموجز الذي يبدأ منه Ottermind

يُفتح في Studio كمسودة؛ أضف علامتك التجارية وجمهورك وصفحاتك قبل الإرسال.

Build a website website inspired by the "reveal-hugo" template. Reference brief: Theme Use original copy and imagery for my brand rather than the reference's placeholder content.

كيفية استخدام هذا القالب

  1. 1

    انقر على «استخدم هذا القالب» لفتحه في Ottermind Studio مع ملء الموجز.

  2. 2

    أضف إلى الموجز علامتك التجارية وجمهورك وصفحاتك ومحتواك.

  3. 3

    ينشئ Ottermind موقعًا جديدًا مستوحى من هذا التصميم، وتابع تعديله في المحادثة.