Template de site
Hextra - Tema Hugo moderno e responsivo para criar sites estáticos belos
Tema Hugo moderno, responsivo e completo para criar sites estáticos com visual incrível.
Blog · Documentação · 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
site de documentação, limpo e minimalista, baixa densidade, modo claro/escuro
- Paleta
fundo #ffffff; superfícies [#171717, #006be6, #52a3ff]; texto #000000; texto abafado #6a7282; primário #006be6; destaques [#52a3ff]
- Tipografia
títulos ui-sans-serif, 700, caixa de frase; corpo ui-sans-serif, 20px; escala h1 48px / h2 32px / h3 24px
- Forma e espaçamento
raio do botão 9999px, raio do cartão 24px, sem bordas, sombras sutis, espaçamento entre seções 64px, largura do conteúdo 1280px
- Seções (de cima para baixo)
- Cabeçalho — barra de navegação fixa com logotipo, itens de menu, campo de pesquisa, faixa escura com anúncio, fundo branco
- Hero — título centralizado, subtítulo, botão CTA, selo "Grátis, código aberto", fundo branco
- Grade de recursos — layout de três colunas de cartões com fundos em gradiente, ícones e capturas de tela, fundo branco
- Recursos secundários — grade de duas linhas com seis cartões de cantos arredondados, espaçamento consistente, fundo branco
- Rodapé — alternador de idioma, preferência do sistema, linha "desenvolvido por", direitos autorais, fundo cinza claro
- Detalhes marcantes
- Sobreposições em gradiente nos cartões de recursos
- Cantos arredondados em todos os cartões e botões
- Tipografia minimalista com espaçamento consistente
- Alternância automática para modo escuro com base na preferência do sistema
- Efeitos de passagem do mouse sutis em elementos interativos
- Layout limpo e desimpedido com amplo espaço em branco
- Outras páginas
- /about: bloco de conteúdo em largura total com texto em parágrafo, lista de créditos, rodapé cinza claro
- /blog: lista de artigos com títulos, tags, datas, links "ler mais", botão de feed RSS, rodapé cinza claro
Detalhes do template
- Categoria
- Blog, Documentação, Kit inicial
- Feito com
- Hugo
- Licença
- MIT
- Autor
- Xin
- Publicado em
- Hugo Themes
- Preço
- Grátis
- blog
- dark
- docs
- light
- minimal
Design original de Xin, 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 "Hextra". Brief de referência: Tema Hugo moderno, responsivo e completo para criar sites estáticos com visual incrível. Estilo e recursos a refletir: blog, dark, docs, light, minimal. Use copy e imagens originais da minha marca em vez do conteúdo placeholder do 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.
