Template de site
Parallelism - Modelo de site responsivo em HTML5 e CSS3
Parallelism é um modelo de site 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
site de portfólio, clima artístico, densidade média, híbrido claro/escuro
- 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, caixa de frase; corpo Source Sans Pro, 22px; escala h1 16px, h2 35px, h3 22px
- Forma e espaçamento
raio de botão/cartão 4px, sem bordas, sombras suaves em cartões, espaçamento entre seções 20px, largura do conteúdo full-width
- Seções (de cima para baixo)
- Cabeçalho — barra de navegação fixa com fundo escuro, logotipo e abas de dispositivo, botões de ação alinhados à direita (Postar, Voltar, Baixar)
- Hero — fundo de imagem full-width com gradiente sobreposto, grade de blocos de imagem em duas linhas, cada bloco possui uma barra de legenda escura semi-transparente com texto branco
- Rodapé — sobreposição escura translúcida com bloco de texto centralizado, ícones sociais alinhados à direita, texto de direitos autorais e atribuição em fonte pequena
- Detalhes marcantes
- Layout em grade de blocos de imagem visualmente ricos com barras de legenda consistentes
- Sobreposições escuras semi-transparentes nas imagens para legibilidade do texto
- Acento na cor primária usado no painel hero e no botão CTA
- Efeito de desfoque suave na imagem de fundo atrás do rodapé
- Uso consistente de cantos arredondados em todos os elementos interativos
- Efeitos de passagem do mouse implícitos pela hierarquia visual nos blocos de imagem
- Outras páginas
- nenhuma exibida
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.
Crie um site inspirado no modelo 'Parallelism'. Briefing de referência: Parallelism é um modelo de site gratuito e totalmente responsivo em HTML5 e CSS3, criado pela HTML5 UP. Estilo e recursos a refletir: HTML5, Responsivo. Use textos e imagens originais da minha marca em vez do conteúdo placeholder do 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.
