Modèle de site web
Stack
Card-style Hugo theme designed for bloggers
La description de ce modèle n’est pas encore disponible en français ; elle s’affiche en anglais.
Portfolio · Blog · Gratuit
Pages
Captures de la démo, page par page. Faites défiler une page pour la voir en entier.
Analyse du design
Une lecture par IA du design de ce modèle : couleurs, typographie, espacements, sections et détails marquants. Ottermind en part quand vous utilisez le modèle.
Cette analyse n’est pas encore disponible en français ; elle s’affiche en anglais.
- 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
Détails du modèle
- Catégorie
- Portfolio, Blog
- Technologies
- Hugo
- Licence
- GPL-3.0-only
- Auteur
- Jimmy Cai
- Publié sur
- Hugo Themes
- Prix
- Gratuit
- blog
- dark
- light
- personal
Design original de Jimmy Cai, publié sur Hugo Themes. Ottermind ne copie pas le code du modèle : il crée un nouveau site à partir du brief.
Le brief dont part Ottermind
Il s’ouvre dans Studio comme brouillon — ajoutez votre marque, votre public et vos pages avant l’envoi.
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.
Comment utiliser ce modèle
- 1
Cliquez sur « Utiliser ce modèle » pour l’ouvrir dans Ottermind Studio avec son brief prérempli.
- 2
Ajoutez au brief votre marque, votre public, vos pages et votre contenu.
- 3
Ottermind crée un nouveau site inspiré de ce design — continuez à l’ajuster dans la conversation.
