Template de site
Prologue
Prologue é um template de site gratuito e totalmente responsivo em HTML5 e CSS3 da HTML5 UP.
Site · 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
portfólio pessoal, moderno e minimalista, densidade média, claro
- Paleta
fundo #fafbfd; superfícies [#dee0e3, #ffffff, #e7746f, #676d79]; texto #676d79; texto suavizado #ffffff; primário #e7746f; acentos []
- Tipografia
títulos Source Sans Pro, 600, caixa de frase; corpo Source Sans Pro, 22px; escala h1 16px, h2 35px, h3 22px
- Forma e espaçamento
raio do botão 4px, sem bordas, sombra suave nos botões, espaçamento entre seções 80px, largura do conteúdo 1200px
- Seções (de cima para baixo)
- Hero — imagem de fundo em largura total com sobreposição, navegação na barra lateral esquerda, título e botão CTA centralizados, sobreposição em gradiente escurecido
- Portfólio — fundo claro nas superfícies, título centralizado, texto em parágrafo abaixo, área de conteúdo ampla
- Detalhes marcantes
- Barra lateral fixa com navegação baseada em ícones
- Efeito de desfoque suave na imagem de fundo da seção hero
- Estados de passagem do mouse sutis nos itens de navegação
- Tipografia em grande escala e centralizada na seção hero
- Botão primário CTA em cor verde-azulada com cantos arredondados
- Layout minimalista com amplo espaço em branco
- Outras páginas
- /portfolio: grade de miniaturas de projetos
- /about-me: seção de biografia com imagem de perfil
- /contact: formulário com campos de entrada e botão de envio
Detalhes do template
- Categoria
- Site
- Feito com
- HTML5
- Licença
- CC-BY-3.0
- Autor
- HTML5 UP
- Publicado em
- HTML5 UP
- Preço
- Grátis
- HTML5
- Responsive
Design original de HTML5 UP, publicado no HTML5 UP. 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.
Construa um site inspirado no template "Prologue". Resumo de referência: Prologue é um template de site gratuito e totalmente responsivo em HTML5 e CSS3 da HTML5 UP. Estilo e funcionalidades a refletir: HTML5, Responsivo. 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.
