Template de site
PaperMod
Um tema Hugo rápido, limpo e responsivo
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 #f5f5f5; superfícies [#ffffff, #1e1e1e]; texto #1e1e1e; texto suavizado #6c6c6c; primário #000000; acentos []
- Tipografia
títulos (-apple-system, 700, caixa de título); corpo (-apple-system, 16px); escala (h1: 34px, h2: 24px, h3: 18px)
- Forma e espaçamento
raio do botão 18px, raio do cartão 8px, sem bordas, sem sombras, espaçamento entre seções 40px, largura do conteúdo 718px
- Seções (de cima para baixo)
- Cabeçalho — barra de navegação horizontal com logotipo, seletor de idioma e links de menu, fundo branco
- Hero — título centralizado, subtítulo, lista com marcadores, ícones sociais (GitHub, Discord, Twitter, Coffee), fundo branco
- Cartões de artigo — três cartões empilhados com títulos, trechos, metadados, fundo branco, cantos arredondados
- Paginação — botão "Próximo 2/4", preto em formato de pílula, alinhado à direita
- Rodapé — texto de direitos autorais e atribuição centralizado, cinza claro
- Detalhes marcantes
- Layout minimalista com espaçamento em branco generoso
- Cantos arredondados nos cartões e botões em formato de pílula
- Uso consistente da fonte -apple-system em todo o texto
- Ícones sociais como SVGs embutidos com tamanho uniforme
- Controle de paginação limpo e discreto
- Alternador de idioma no cabeçalho com ícone de bandeira
- Outras páginas
- /about: conteúdo em largura total com sumário, lista de recursos, imagens e botões de chamada para ação
Detalhes do template
- Categoria
- Portfólio, Blog, Kit inicial
- Feito com
- Hugo
- Licença
- MIT
- Autor
- Aditya Telange
- Publicado em
- Hugo Themes
- Preço
- Grátis
- blog
- dark
- light
- minimal
- multilingual
- personal
Design original de Aditya Telange, 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.
Criar um site de portfólio inspirado no template "PaperMod". Referência: Um tema Hugo rápido, limpo e responsivo Estilo e funcionalidades a refletir: blog, dark, light, minimal, multilíngue, pessoal. Usar 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.
