Website-Vorlage
Stack
Card-style Hugo theme designed for bloggers
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Portfolio · Blog · Kostenlos
Seiten
Screenshots der Live-Demo, Seite für Seite. Scrollen Sie innerhalb einer Seite, um sie ganz zu sehen.
Design-Analyse
Eine KI-Auswertung des Designs dieser Vorlage: Farben, Typografie, Abstände, Abschnitte und markante Details. Ottermind startet damit, wenn Sie die Vorlage verwenden.
Diese Analyse ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
- 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
Details zur Vorlage
- Kategorie
- Portfolio, Blog
- Technologie
- Hugo
- Lizenz
- GPL-3.0-only
- Autor
- Jimmy Cai
- Gelistet auf
- Hugo Themes
- Preis
- Kostenlos
- blog
- dark
- light
- personal
Originaldesign von Jimmy Cai, gelistet auf Hugo Themes. Ottermind kopiert nicht den Code der Vorlage, sondern erstellt aus dem Briefing eine neue Website.
Das Briefing, mit dem Ottermind startet
Es öffnet sich in Studio als Entwurf – ergänzen Sie Marke, Zielgruppe und Seiten, bevor Sie es senden.
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.
So verwenden Sie diese Vorlage
- 1
Klicken Sie auf „Diese Vorlage verwenden“, um sie mit ausgefülltem Briefing in Ottermind Studio zu öffnen.
- 2
Ergänzen Sie das Briefing um Marke, Zielgruppe, Seiten und Inhalte.
- 3
Ottermind erstellt eine neue Website, inspiriert von diesem Design – im Chat verfeinern Sie sie weiter.
