Template de site
Doks - Crie sites de documentação belos e de alto desempenho
Crie sites de documentação belos e de alto desempenho com o Doks.
Landing page · 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
site de documentação, limpo e minimalista, baixa densidade, claro
- Paleta
fundo #ffffff; superfícies [#3347ff, #edeef3]; texto #000000; texto abafado #1d2d35; primário #3347ff; acentos []
- Tipografia
títulos Jost, 700, caixa de frase; corpo Jost, 14px; escala h1 52px, h2 20px, h3 18px
- Forma e espaçamento
raio do botão 800px, raio do cartão 0px, bordas 1px solid #eaeaea, sombras nenhuma, espaçamento entre seções 64px, largura do conteúdo 1320px
- Seções (de cima para baixo)
- Cabeçalho — navegação horizontal com logotipo, links e ícones à direita; fundo branco
- Hero — título centralizado, subtítulo e botão CTA primário; padrão pontilhado abaixo
- Grade de conteúdo — layout de três colunas com instruções; cada coluna possui um título e um parágrafo
- Rodapé — linha fina acima, duas linhas de texto alinhadas à esquerda e à direita; fundo branco
- Detalhes marcantes
- Botão primário em formato de pílula arredondada na cor azul
- Divisor horizontal pontilhado sob o hero
- Borda cinza clara ao redor do cartão de postagem do blog
- Menu lateral expansível na página de documentação
- Tabela de conteúdos "Nesta página" à direita
- Rodapé minimalista com atribuição e link de privacidade
- Outras páginas
- /blog/: único cartão de postagem de blog com data e tempo de leitura, centralizado sob o título "Blog"
- /docs/guides/example-guide/: navegação lateral, conteúdo principal com texto do guia, link "próximo" na parte inferior, TOC à direita
Detalhes do template
- Categoria
- Landing page, Blog, Documentação, Kit inicial
- Feito com
- Hugo
- Licença
- MIT
- Autor
- Henk Verlinde
- Publicado em
- Hugo Themes
- Preço
- Grátis
- blog
- bootstrap
- dark-mode
- docs
- landing
- minimal
Design original de Henk Verlinde, 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 "Doks". Briefing de referência: Crie sites de documentação belos e de alto desempenho com o Doks. Estilo e funcionalidades a refletir: blog, bootstrap, dark-mode, docs, landing, minimal. Use copy 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.
