قالب موقع ويب
Hextra
Modern, responsive, batteries-included Hugo theme for creating beautiful static websites.
وصف هذا القالب غير متوفر بالعربية بعد، لذلك يظهر بالإنجليزية.
Blog · Documentation · مجاني
الصفحات
لقطات من العرض المباشر، صفحة تلو الأخرى. مرّر داخل الصفحة لرؤيتها كاملة.
تحليل التصميم
قراءة بالذكاء الاصطناعي لتصميم هذا القالب: الألوان والخطوط والمسافات والأقسام والتفاصيل المميزة. يبدأ منها Ottermind عند استخدام القالب.
هذا التحليل غير متوفر بالعربية بعد، لذلك يظهر بالإنجليزية.
- Overall
documentation site, clean and minimal, low density, light/dark mode
- Palette
background #ffffff; surfaces [#171717, #006be6, #52a3ff]; text #000000; muted text #6a7282; primary #006be6; accents [#52a3ff]
- Type
headings ui-sans-serif, 700, sentence-case; body ui-sans-serif, 20px; scale h1 48px / h2 32px / h3 24px
- Shape & spacing
button radius 9999px, card radius 24px, no borders, subtle shadows, section spacing 64px, content width 1280px
- Sections (top to bottom)
- Header — fixed navigation bar with logo, menu items, search input, dark banner with announcement, white background
- Hero — centered headline, subheading, CTA button, "Free, open source" badge, white background
- Features grid — three-column layout of cards with gradient backgrounds, icons, and screenshots, white background
- Secondary features — two-row grid of six cards with rounded corners, consistent spacing, white background
- Footer — language toggle, system preference, powered by line, copyright, light gray background
- Signature details
- Gradient overlays on feature cards
- Rounded corners on all cards and buttons
- Minimalist typography with consistent spacing
- Dark mode auto-switching based on system preference
- Subtle hover effects on interactive elements
- Clean, uncluttered layout with ample whitespace
- Other pages
- /about: full-width content block with paragraph text, credits list, light gray footer
- /blog: article list with titles, tags, dates, read more links, RSS feed button, light gray footer
تفاصيل القالب
- الفئة
- Blog, Documentation, Starter Kit
- التقنيات
- Hugo
- الترخيص
- MIT
- المؤلف
- Xin
- منشور على
- Hugo Themes
- السعر
- مجاني
- blog
- dark
- docs
- light
- minimal
التصميم الأصلي من Xin، منشور على Hugo Themes. لا ينسخ Ottermind شيفرة القالب، بل ينشئ موقعًا جديدًا انطلاقًا من الموجز.
الموجز الذي يبدأ منه Ottermind
يُفتح في Studio كمسودة؛ أضف علامتك التجارية وجمهورك وصفحاتك قبل الإرسال.
Build a blog website inspired by the "Hextra" template. Reference brief: Modern, responsive, batteries-included Hugo theme for creating beautiful static websites. Style and features to reflect: blog, dark, docs, light, minimal. Use original copy and imagery for my brand rather than the reference's placeholder content.
كيفية استخدام هذا القالب
- 1
انقر على «استخدم هذا القالب» لفتحه في Ottermind Studio مع ملء الموجز.
- 2
أضف إلى الموجز علامتك التجارية وجمهورك وصفحاتك ومحتواك.
- 3
ينشئ Ottermind موقعًا جديدًا مستوحى من هذا التصميم، وتابع تعديله في المحادثة.
