Template de site

reveal-hugo

Tema

Site · Grátis

Ver repositório do código
reveal-hugo

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

tema de apresentação, limpo e minimalista, baixa densidade, claro

Paleta

fundo #ff3d8b; superfícies #ffffff; texto #000000; texto abafado #444444; primário #ff3d8b; acentos #ff3d8b

Tipografia

títulos Inter, 700, maiúsculas; corpo Inter, 16px; escala h1 48px / h2 32px / h3 24px

Forma e espaçamento

raio do botão 0px, sem bordas, sem sombras, espaçamento entre seções 40px, largura do conteúdo 800px

Seções (de cima para baixo)
  • Capa — layout centralizado, coluna única, ícone do logotipo acima do título, título "REVEAL-HUGO", subtítulo abaixo, linha de atribuição com @dzello em rosa, ícone de seta apontando para a direita no canto inferior direito, fundo branco com borda rosa
Detalhes marcantes
  • Borda rosa brilhante enquadrando toda a tela
  • Composição centralizada minimalista com amplo espaço em branco
  • Emoji de projetor de filme usado como marca visual da marca
  • Indicador de navegação em forma de seta para a direita em rosa
  • Tipografia sans-serif limpa com alinhamento consistente
  • Atribuição estilizada em texto rosa itálico
Outras páginas
  • /slides: layout de slides de apresentação com navegação horizontal

Detalhes do template

Categoria
Site
Feito com
Hugo
Licença
MIT
Autor
Josh Dzielak
Publicado em
Hugo Themes
Preço
Grátis

Design original de Josh Dzielak, 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 inspirado no template "reveal-hugo". Briefing de referência: Tema Use textos e imagens originais para minha marca em vez do conteúdo placeholder da referência.

Como usar este template

  1. 1

    Clique em “Usar este template” para abri-lo no Ottermind Studio com o briefing preenchido.

  2. 2

    Acrescente ao briefing sua marca, público, páginas e conteúdo.

  3. 3

    O Ottermind cria um site novo inspirado neste design — continue ajustando pelo chat.