Template de site
Dimension - Modelo gratuito e totalmente responsivo em HTML5 e CSS3
Dimension é um modelo gratuito e totalmente responsivo em HTML5 e CSS3, criado pela 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
página de destino, minimalista, baixa densidade, escura
- Paleta
fundo #fafbfd; superfícies [#dee0e3, #ffffff, #e7746f, #676d79]; texto #676d79; texto suavizado #ffffff; primária #e7746f; acentos []
- Tipografia
títulos Source Sans Pro, 600, maiúsculas; corpo Source Sans Pro, 22px; escala h1 16px, h2 35px, h3 22px
- Forma e espaçamento
raio do botão 4px, sem bordas, sem sombras, espaçamento entre seções 0, largura do conteúdo full-width
- Seções (de cima para baixo)
- Hero — imagem de fundo full-bleed com ícone de logotipo centralizado, linhas horizontais acima e abaixo do título, bloco de texto empilhado com título "DIMENSION", subtítulo em caixa de frase, barra de navegação com quatro botões de largura igual abaixo, linha de crédito no rodapé centralizada na parte inferior
- Detalhes marcantes
- Ícone circular de logotipo centralizado com contorno branco fino
- Linhas horizontais enquadrando o título e o subtítulo
- Botões de navegação com bordas brancas finas e rótulos em maiúsculas
- Imagem hero full-bleed com leve sobreposição colorida
- Hierarquia tipográfica minimalista com título principal em caixa alta
- Crédito no rodapé em texto pequeno e cinza claro
- Outras páginas
- /work: grade de cartões de projetos com efeitos de passagem do mouse
- /about: layout de duas colunas com texto e imagem
- /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 modelo "Dimension". Brief de referência: Dimension é um modelo gratuito e totalmente responsivo em HTML5 e CSS3, criado pela HTML5 UP Estilo e funcionalidades a reproduzir: HTML5, responsivo. Use o conteúdo e as imagens originais da minha marca, não os conteúdos fictícios do modelo.
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.
