قالب موقع ويب
Hugoplate
Hugoplate is a free starter template built with Hugo, and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time.
وصف هذا القالب غير متوفر بالعربية بعد، لذلك يظهر بالإنجليزية.
Landing Page · Portfolio · مجاني
الصفحات
لقطات من العرض المباشر، صفحة تلو الأخرى. مرّر داخل الصفحة لرؤيتها كاملة.
تحليل التصميم
قراءة بالذكاء الاصطناعي لتصميم هذا القالب: الألوان والخطوط والمسافات والأقسام والتفاصيل المميزة. يبدأ منها Ottermind عند استخدام القالب.
هذا التحليل غير متوفر بالعربية بعد، لذلك يظهر بالإنجليزية.
- Overall
landing page, clean and minimal, low density, light
- Palette
background #ffffff; surfaces [#1f2937]; text #1f2937; muted text #6b7280; primary #1f2937; accents []
- Type
headings Inter, 700, sentence-case; body Inter, 16px; scale h1 48px, h2 36px, h3 28px
- Shape & spacing
button radius 6px, no borders, subtle drop shadow on buttons, section spacing 80px, content width 1200px max
- Sections (top to bottom)
- Header — horizontal layout, logo left, nav center-right with Home, About, Elements, Pages dropdown, search icon, dark mode toggle, Github button; white background
- Hero — centered layout, single column, large headline, subheading, CTA button "Fork Deploy and Edit Online" with rocket emoji, black-and-white illustration below; white background
- Footer — not visible in screenshot
- Signature details
- Monochrome line-art illustration of person at desk with laptop, lamp, clock, plant, coffee cup
- Minimalist design with high contrast between black text/lines and white background
- Rounded corners on all interactive elements
- Clean typography hierarchy using Inter font family
- Subtle hover effect on navigation items and buttons
- Dark mode toggle with sun/moon icon
- Other pages
- /about: brief bio and project details
- /elements: UI components showcase
- /pages: example page layouts
تفاصيل القالب
- الفئة
- Landing Page, Portfolio, Blog, Starter Kit
- التقنيات
- Hugo
- الترخيص
- MIT
- المؤلف
- Zeon Studio
- منشور على
- Hugo Themes
- السعر
- مجاني
- blog
- contact
- dark
- dark-mode
- landing
- light
- minimal
- multilingual
- personal
- tailwind
التصميم الأصلي من Zeon Studio، منشور على Hugo Themes. لا ينسخ Ottermind شيفرة القالب، بل ينشئ موقعًا جديدًا انطلاقًا من الموجز.
الموجز الذي يبدأ منه Ottermind
يُفتح في Studio كمسودة؛ أضف علامتك التجارية وجمهورك وصفحاتك قبل الإرسال.
Build a landing page website inspired by the "Hugoplate" template. Reference brief: Hugoplate is a free starter template built with Hugo, and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time. Style and features to reflect: blog, contact, dark, dark-mode, landing, light. Use original copy and imagery for my brand rather than the reference's placeholder content.
كيفية استخدام هذا القالب
- 1
انقر على «استخدم هذا القالب» لفتحه في Ottermind Studio مع ملء الموجز.
- 2
أضف إلى الموجز علامتك التجارية وجمهورك وصفحاتك ومحتواك.
- 3
ينشئ Ottermind موقعًا جديدًا مستوحى من هذا التصميم، وتابع تعديله في المحادثة.
