Template de site
Big Picture
Big Picture é um modelo de site gratuito, totalmente responsivo em HTML5 e CSS3 criado por 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, minimalista, baixa densidade, claro
- Paleta
fundo #fafbfd; superfícies [#dee0e3, #373d49, #e7746f, #676d79]; texto #676d79; texto suavizado #ffffff; primário #e7746f; destaques []
- 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; sem sombras; espaçamento entre seções 80px; largura do conteúdo 1200px
- Seções (de cima para baixo)
- Cabeçalho — fixo, largura total, fundo branco com logotipo à esquerda e links de navegação alinhados à direita, texto cinza-escuro
- Hero — imagem de fundo full-bleed com sobreposição, título centralizado "Oi." em grande texto branco, subtítulo abaixo em texto branco menor, ícone de seta para baixo dentro de um círculo branco fino abaixo
- Navegação — horizontal, alinhada ao topo, fundo branco, texto cinza-escuro, sem sublinhado
- Detalhes marcantes
- Imagem hero full-bleed com sobreposição semi-transparente
- Hierarquia tipográfica centralizada e minimalista
- Indicador de rolagem para baixo como contorno circular com seta
- Cabeçalho fixo com navegação limpa e bem espaçada
- Uso de contraste suave entre texto e fundo de imagem
- Uso consistente da fonte Source Sans Pro em todos os elementos
- Outras páginas
- /intro: seção introdutória com parágrafo e dois botões CTA
- /what-i-do: layout em grade com três colunas de serviços
- /who-i-am: biografia em coluna única com imagem à esquerda
- /my-work: grade de portfólio com miniaturas de projetos
- /contact: formulário de contato 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 "Big Picture". Resumo de referência: Big Picture é um modelo de site gratuito, totalmente responsivo em HTML5 e CSS3 criado por HTML5 UP. Estilo e recursos a refletir: HTML5, Responsivo. Use textos e imagens originais para minha marca em vez do conteúdo temporário 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.
