Template de site
Hyde — Tema elegante, open source e mobile first
Um tema elegante, open source e mobile first
Blog · Agência · Grátis
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, minimalista, baixa densidade, divisão escuro/claro
- Paleta
background #1b1b1b; surfaces #ffffff, #f8f8f8; text #000000; muted text #666666; primary #3498db; accents #e74c3c, #2ecc71, #f39c12
- Tipografia
headings Helvetica Neue, 700, sentence-case; body Helvetica Neue, 16px; scale h1 32px, h2 24px, h3 20px
- Forma e espaçamento
button/card radius 0px; borders 1px solid #e0e0e0; shadows none; section spacing 40px; content width 800px
- Seções (de cima para baixo)
- Header — layout de duas colunas, barra lateral fixa à esquerda (escura), conteúdo principal à direita (clara); linha com logo, título, subtítulo, links de download, copyright
- Hero — largura total, título centralizado "Hello, world!" com data abaixo, parágrafo introdutório
- Features — lista de marcadores com palavras-chave em negrito, estruturada sob título
- Browser support — parágrafo com ênfase embutida nos nomes dos navegadores
- Documentation — parágrafo breve com link para GitHub
- Download — call-to-action com link estilizado na cor primária
- Detalhes marcantes
- Barra lateral escura com texto branco e preenchimento mínimo
- Tipografia limpa, sem serifa, em toda parte
- Conteúdo alinhado à esquerda com espaçamento generoso
- Trechos de código monoespaçados em blocos com destaque de sintaxe
- Efeitos de hover em links e botões
- Navegação com barra lateral fixa e alinhamento vertical
- Outras páginas
- /docs: Página de documentação com exemplos de código e instruções de configuração
- /download: Página de download direto com informações de versão e notas de lançamento
Detalhes do template
- Categoria
- Blog, Agência
- Feito com
- Hugo
- Licença
- MIT
- Autor
- spf13
- Publicado em
- Hugo Themes
- Preço
- Grátis
- blog
- company
Design original de spf13, 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 "Hyde". Briefing de referência: Um tema elegante, open source e mobile first Estilo e funcionalidades a refletir: blog, empresa. Use textos e imagens originais para minha marca em vez do conteúdo de 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.
