Template de site
Terminal
Um tema simples e retrô para Hugo.
Landing page · Portfólio · 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, terminal retrô, baixa densidade, escuro
- Paleta
fundo #1a170f; superfícies [#eec35e]; texto #eceae5; texto abafado #1a170f; primário #eec35e; acentos []
- Tipografia
títulos Fira Code, 700, caixa de frase; corpo Fira Code, 16px; escala h1 23px / h2 22px / h3 16px
- Forma e espaçamento
sem raio, bordas douradas finas (1px), sem sombras, espaçamento entre seções 40px, largura do conteúdo 800px
- Seções (de cima para baixo)
- Cabeçalho — layout horizontal, logotipo "Terminal" em caixa amarela com barras verticais, menu suspenso de idioma, links de navegação (Sobre, Destaques, Mostrar mais) em texto dourado, tudo sobre fundo escuro
- Hero — bloco centralizado com borda dourada, título principal "Hello there!" em negrito, texto de parágrafo, grade embutida de pré-visualizações da paleta de cores (9 telhas, cada uma com rótulo e três amostras de cor), tudo dentro de contêiner com borda dourada
- Post em destaque — título "Hello Friend" em dourado, data e autor abaixo, imagem de figura em moldura com borda dourada, texto de legenda abaixo
- Lista de posts — pilha vertical de entradas, cada uma com título em dourado, linha de data/autor, trecho, link [Leia mais], separadas por linhas pontilhadas douradas finas
- Rodapé — texto centralizado com direitos autorais, crédito ao Hugo, atribuição do tema, tudo em cinza claro
- Detalhes marcantes
- Padrão de barras verticais douradas no cabeçalho e nos divisores de seção
- Sublinhados pontilhados dourados para títulos de seção
- Tipografia monoespaçada Fira Code em toda parte
- Bordas douradas ao redor de imagens e contêineres
- Estética de UI estilo terminal com preenchimento mínimo e layout estruturado
- Grade de pré-visualização da paleta de cores com rotulagem e espaçamento consistentes
- Outras páginas
- /about: conteúdo em largura total com título, data, autor, texto de parágrafo, lista com marcadores contendo links embutidos, rodapé
- /posts/showcase: artigo com títulos, parágrafos, grade de imagens (3x3), figura com legenda, exemplos de sintaxe de código, rodapé
Detalhes do template
- Categoria
- Landing page, Portfólio, Blog, Kit inicial
- Feito com
- Hugo
- Licença
- MIT
- Autor
- panr
- Publicado em
- Hugo Themes
- Preço
- Grátis
- blog
- dark
- landing
- minimal
- multilingual
- personal
Design original de panr, 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 landing page inspirado no template "Terminal". Breve de referência: Um tema simples e retrô para Hugo. Estilos e recursos a refletir: blog, dark, landing, minimal, multilingual, personal. Use cópia e imagens originais para 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.
