Template de site
Coder
Um tema de blog simples e limpo para Hugo
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 pessoal, minimalista, baixa densidade, claro
- Paleta
fundo #fafafa; superfícies [#e0e0e0]; texto #000000; texto abafado #212121; primário #1565c0; acentos []
- Tipografia
títulos -apple-system, 600, caixa de frase; corpo -apple-system, 18px; escala h1 32px / h2 24px / h3 18px
- Forma e espaçamento
sem raio, sem bordas, sem sombras, espaçamento entre seções 60px, largura do conteúdo 900px
- Seções (de cima para baixo)
- cabeçalho — layout horizontal, logotipo à esquerda, links de navegação e ícone de bandeira à direita, fundo branco
- hero — layout centralizado, avatar em silhueta com brilho suave, nome em h1, função em h2, ícones sociais abaixo, fundo branco
- rodapé — texto centralizado, direitos autorais e créditos, alternador de modo escuro pequeno no canto extremo direito, fundo branco
- Detalhes marcantes
- avatar em silhueta minimalista com efeito sutil de brilho
- uso consistente da fonte -apple-system em todos os elementos
- paleta monocromática com apenas uma cor de destaque para links
- alinhamento centralizado em toda parte
- ícones sociais como glifos pretos simples
- alternador de modo escuro no canto inferior direito
- Outras páginas
- /about/: bloco de conteúdo em largura total com texto em parágrafo, lista com marcadores e links externos
- /contact/: única linha de texto sob o título, caso contrário espaço vazio
Detalhes do template
- Categoria
- Portfólio, Blog, Kit inicial
- Feito com
- Hugo
- Licença
- MIT
- Autor
- Luiz F. A. de Prá
- Publicado em
- Hugo Themes
- Preço
- Grátis
- blog
- dark
- dark-mode
- light
- minimal
- personal
Design original de Luiz F. A. de Prá, 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 portfólio inspirado no template "Coder". Briefing de referência: Um tema de blog simples e limpo para Hugo Estilo e recursos a refletir: blog, dark, dark-mode, light, minimal, personal. Use texto 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.
