Template de site
Paper - Um tema Hugo simples, limpo e flexível
Um tema Hugo simples, limpo e flexível
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, minimalista, baixa densidade, claro
- Paleta
fundo #faf8f1; superfícies [#ffffff, #000000]; texto #000000; texto abafado #171717; primário #000000; acentos []
- Tipografia
títulos ui-sans-serif, 600, caixa de frase; corpo ui-sans-serif, 16px; escala h2 24px, corpo 16px
- Forma e espaçamento
raio do botão 12px, sem bordas, sem sombras, espaçamento entre seções 40px, largura do conteúdo 680px
- Seções (de cima para baixo)
- Cabeçalho — layout horizontal, logotipo e navegação à esquerda, ícones sociais à direita, fundo branco
- Hero — imagem de perfil centralizada com borda circular, nome em negrito, subtítulo abaixo, fundo cinza-claro
- Conteúdo — lista vertical de cards de artigos com etiqueta "Destaque" em laranja, título em negrito, data em texto cinza pequeno, espaçamento consistente
- Paginação — botão preto centralizado com texto branco "Próxima página→", cantos arredondados
- Rodapé — layout de duas linhas, direitos autorais à esquerda, atribuição Hugo à direita, texto cinza-claro
- Detalhes marcantes
- Avatar de perfil circular com fina borda branca
- Etiqueta laranja "Destaque" acima do primeiro artigo
- Navegação minimalista com links sociais apenas por ícones
- Tipografia limpa e desimpedida com altura de linha generosa
- Bloco de conteúdo centralizado dentro de largura fixa
- Botão preto em formato de pílula com seta para paginação
- Outras páginas
- /about/: layout de coluna única com parágrafo descritivo e lista com marcadores de links do GitHub
- /contact/: informações de contato mínimas com dois itens em marcadores, sem formulário ou campos de entrada
Detalhes do template
- Categoria
- Blog
- Feito com
- Hugo
- Licença
- MIT
- Autor
- nanxiaobei
- Publicado em
- Hugo Themes
- Preço
- Grátis
- blog
- light
Design original de nanxiaobei, 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 blog inspirado no template "Paper". Briefing de referência: Um tema Hugo simples, limpo e flexível Estilo e recursos a refletir: blog, leve. 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.
