Template de site
LoveIt
Um tema Hugo limpo, elegante e avançado para Hugo.
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 e moderno, baixa densidade, claro
- Paleta
fundo #ffffff; superfícies [#f8f8f8]; texto #161209; texto suavizado #a9a9b3; primário #2d96bd; acentos []
- Tipografia
títulos system-ui, 700, caixa de frase; corpo system-ui, 16px; escala h1 20px
- Forma e espaçamento
raio do cartão 0px, bordas nenhuma, sombras nenhuma, espaçamento entre seções 40px, largura do conteúdo 788px
- Seções (de cima para baixo)
- cabeçalho — navegação horizontal com logotipo à esquerda, itens de menu alinhados à direita, ícones de mídias sociais abaixo do avatar, fundo branco
- hero — avatar centralizado com frase de impacto, ícones de mídias sociais em uma linha abaixo, fundo branco
- grade de posts — layout de duas colunas no desktop, cada post possui imagem em destaque, título, autor/data, categoria, trecho, tags e link “ler mais”, fundo de superfície cinza-claro
- rodapé — linha de atribuição centralizada com créditos ao Hugo e ao tema, aviso de direitos autorais, licença CC
- Detalhes marcantes
- uso consistente da fonte system-ui em todos os elementos
- design minimalista sem bordas ou sombras decorativas
- espaçamento uniforme entre seções e cartões
- lista de recursos com prefixos de ícones na página sobre
- ícones de mídias sociais monocromáticos em forma circular
- layout responsivo com estrutura mobile-first
- Outras páginas
- /about/: hero em largura total com mockups de dispositivos, recursos listados em seções expansíveis com ícones, caixa de informações azul-clara no topo
- /posts/: lista cronológica agrupada por ano, layout de texto simples com datas alinhadas à direita, estilo mínimo
Detalhes do template
- Categoria
- Blog
- Feito com
- Hugo
- Licença
- MIT
- Autor
- Dillon
- Publicado em
- Hugo Themes
- Preço
- Grátis
- blog
- dark
Design original de Dillon, 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 "LoveIt". Briefing de referência: Um tema Hugo limpo, elegante e avançado para Hugo. Estilo e funcionalidades a refletir: blog, dark. 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.
