Template de site
Massively - Modelo gratuito e totalmente responsivo em HTML5 e CSS3
Massively é 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, ousada e aventureira, densidade média, escura
- Paleta
fundo #fafbfd; superfícies [#dee0e3, #373d49, #e7746f, #676d79]; texto #676d79; texto abafado #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, sombra projetada sutil em botões, espaçamento entre seções 80px, largura do conteúdo 1200px
- Seções (de cima para baixo)
- Hero — imagem de fundo full-bleed com texto sobreposto centralizado, título em duas linhas em maiúsculas grandes, parágrafo descritivo abaixo em caixa de frase, ícone circular de seta para baixo centralizado abaixo, sobreposição escurecida para contraste
- Barra de navegação — barra fixa na parte inferior com três links em branco (alinhados à esquerda), ícones sociais (alinhados à direita) em branco, fundo cinza claro
- Detalhes marcantes
- Hero full-bleed com foto de paisagem suavizada
- Título em negrito e maiúsculas centralizado sobre as costas de uma pessoa
- Ícone circular de seta no estilo de download com traço branco fino
- Navegação fixa na parte inferior com ícones sociais
- Sublinhados sutis no texto em termos-chave
- Tema escuro com cor de destaque vermelho quente
- Outras páginas
- /generic-page: layout de conteúdo padrão com barra lateral
- /elements-reference: grade de componentes de interface com rótulos
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 "Massively". Brief de referência: Massively é 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.
