قالب موقع ويب
Stack
Card-style Hugo theme designed for bloggers
وصف هذا القالب غير متوفر بالعربية بعد، لذلك يظهر بالإنجليزية.
Portfolio · Blog · مجاني
الصفحات
لقطات من العرض المباشر، صفحة تلو الأخرى. مرّر داخل الصفحة لرؤيتها كاملة.
تحليل التصميم
قراءة بالذكاء الاصطناعي لتصميم هذا القالب: الألوان والخطوط والمسافات والأقسام والتفاصيل المميزة. يبدأ منها Ottermind عند استخدام القالب.
هذا التحليل غير متوفر بالعربية بعد، لذلك يظهر بالإنجليزية.
- Overall
blog, clean, minimal, light
- Palette
background #f5f5fa; surfaces [#ffffff, #2a9d8f, #eaeaea]; text #000000; muted text #707070; primary #2a9d8f; accents []
- Type
headings Lato, 700, sentence-case; body Lato, 16px; scale h1 16px / h2 14px / h3 20px
- Shape & spacing
button/card radius 10px/4px, no borders, shadow rgba(0,0,0,0.04) 0 4px 8px, rgba(0,0,0,0.06) 0 0 2px, rgba(0,0,0,0.04) 0 0 1px, section spacing 2rem, content width 800px
- Sections (top to bottom)
- Header — fixed sidebar with logo, nav links, language toggle, dark mode switch; main content area with hero image and article cards; right sidebar with search, archives, categories, tags
- Main content — vertical card layout of articles with featured image, label, headline, excerpt, metadata, language tags; consistent padding and spacing between cards
- Pagination — centered numeric pagination with ellipsis and arrows
- Footer — centered copyright, Hugo credit, designer attribution
- Signature details
- Card-style article containers with subtle drop shadows
- Teal "Documentation" label above each article
- Minimalist sidebar with icon-only navigation
- Hover effect on sidebar items and buttons
- Language selector with flag icons
- Clean typography hierarchy with consistent spacing
- Other pages
- /about: personal profile with bio and social links
- /archives: chronological list of posts by year
- /search: results page with filtered entries
- /links: curated external resources in grid layout
تفاصيل القالب
- الفئة
- Portfolio, Blog
- التقنيات
- Hugo
- الترخيص
- GPL-3.0-only
- المؤلف
- Jimmy Cai
- منشور على
- Hugo Themes
- السعر
- مجاني
- blog
- dark
- light
- personal
التصميم الأصلي من Jimmy Cai، منشور على Hugo Themes. لا ينسخ Ottermind شيفرة القالب، بل ينشئ موقعًا جديدًا انطلاقًا من الموجز.
الموجز الذي يبدأ منه Ottermind
يُفتح في Studio كمسودة؛ أضف علامتك التجارية وجمهورك وصفحاتك قبل الإرسال.
Build a portfolio website inspired by the "Stack" template. Reference brief: Card-style Hugo theme designed for bloggers Style and features to reflect: blog, dark, light, personal. Use original copy and imagery for my brand rather than the reference's placeholder content.
كيفية استخدام هذا القالب
- 1
انقر على «استخدم هذا القالب» لفتحه في Ottermind Studio مع ملء الموجز.
- 2
أضف إلى الموجز علامتك التجارية وجمهورك وصفحاتك ومحتواك.
- 3
ينشئ Ottermind موقعًا جديدًا مستوحى من هذا التصميم، وتابع تعديله في المحادثة.
