Plantilla web
Stack
Card-style Hugo theme designed for bloggers
La descripción de esta plantilla aún no está disponible en español, así que se muestra en inglés.
Portfolio · Blog · Gratis
Páginas
Capturas de la demo, página a página. Desplázate dentro de cada página para verla entera.
Análisis del diseño
Una lectura por IA del diseño de esta plantilla: colores, tipografía, espaciado, secciones y detalles característicos. Ottermind parte de ella cuando usas la plantilla.
Este análisis aún no está disponible en español, así que se muestra en inglés.
- 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
Detalles de la plantilla
- Categoría
- Portfolio, Blog
- Tecnología
- Hugo
- Licencia
- GPL-3.0-only
- Autor
- Jimmy Cai
- Publicada en
- Hugo Themes
- Precio
- Gratis
- blog
- dark
- light
- personal
Diseño original de Jimmy Cai, publicado en Hugo Themes. Ottermind no copia el código de la plantilla: crea una web nueva a partir del briefing.
El briefing del que parte Ottermind
Se abre en Studio como borrador: añade tu marca, tu público y tus páginas antes de enviarlo.
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.
Cómo usar esta plantilla
- 1
Haz clic en «Usar esta plantilla» para abrirla en Ottermind Studio con el briefing ya escrito.
- 2
Añade al briefing tu marca, tu público, las páginas y el contenido.
- 3
Ottermind crea una web nueva inspirada en este diseño; sigue ajustándola en el chat.
