Template de site
Stack - Tema Hugo estilo cartão para bloggers
Tema Hugo estilo cartão projetado para bloggers
Portfólio · Blog · Grátis
Páginas
Capturas da demonstração, página por página. Role dentro de cada página para vê-la inteira.
Análise do design
Uma leitura feita por IA do design deste template: cores, tipografia, espaçamento, seções e detalhes marcantes. O Ottermind parte dela quando você usa o template.
- Visão geral
blog, limpo, minimalista, claro
- Paleta
fundo #f5f5fa; superfícies [#ffffff, #2a9d8f, #eaeaea]; texto #000000; texto suavizado #707070; primário #2a9d8f; acentos []
- Tipografia
títulos Lato, 700, caixa de frase; corpo Lato, 16px; escala h1 16px / h2 14px / h3 20px
- Forma e espaçamento
raio de botão/cartão 10px/4px, sem bordas, sombra 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, espaçamento entre seções 2rem, largura do conteúdo 800px
- Seções (de cima para baixo)
- Cabeçalho — barra lateral fixa com logotipo, links de navegação, alternador de idioma e interruptor de modo escuro; área principal de conteúdo com imagem de destaque e cartões de artigos; barra lateral direita com busca, arquivos, categorias e tags
- Conteúdo principal — layout vertical de cartões de artigos com imagem em destaque, rótulo, título, trecho, metadados e tags de idioma; preenchimento e espaçamento consistentes entre cartões
- Paginação — paginação numérica centralizada com reticências e setas
- Rodapé — direitos autorais centralizados, crédito ao Hugo, atribuição ao designer
- Detalhes marcantes
- Contêineres de artigos no estilo cartão com sombras sutis
- Rótulo "Documentação" em verde-azulado acima de cada artigo
- Barra lateral minimalista com navegação por ícones apenas
- Efeito de passagem do mouse em itens da barra lateral e botões
- Seletor de idioma com ícones de bandeiras
- Hierarquia tipográfica limpa com espaçamento consistente
- Outras páginas
- /about: perfil pessoal com biografia e links sociais
- /archives: lista cronológica de publicações por ano
- /search: página de resultados com entradas filtradas
- /links: recursos externos selecionados em layout de grade
Detalhes do template
- Categoria
- Portfólio, Blog
- Feito com
- Hugo
- Licença
- GPL-3.0-only
- Autor
- Jimmy Cai
- Publicado em
- Hugo Themes
- Preço
- Grátis
- blog
- dark
- light
- personal
Design original de Jimmy Cai, publicado no Hugo Themes. O Ottermind não copia o código do template: ele cria um site novo a partir do briefing.
O briefing de onde o Ottermind parte
Ele abre no Studio como rascunho — acrescente sua marca, público e páginas antes de enviar.
Crie um site de portfólio inspirado no template "Stack". Resumo de referência: Tema Hugo estilo cartão projetado para bloggers Estilo e funcionalidades a refletir: blog, escuro, claro, pessoal. Use textos e imagens originais para minha marca em vez do conteúdo placeholder da referência.
Como usar este template
- 1
Clique em “Usar este template” para abri-lo no Ottermind Studio com o briefing preenchido.
- 2
Acrescente ao briefing sua marca, público, páginas e conteúdo.
- 3
O Ottermind cria um site novo inspirado neste design — continue ajustando pelo chat.
