Template de site
Creative - Tema HTML de página única para criativos
Um tema HTML de página única para profissionais criativos, desenvolvido pela Start Bootstrap
Landing page · 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, limpa e moderna, densidade média, contraste claro/escuro
- Paleta
fundo #ffffff; superfícies [#f4623a, #212529]; texto #212529; texto suavizado #ffffff; primário #f4623a; acentos []
- Tipografia
títulos Merriweather Sans, 500, caixa de frase; corpo Merriweather, 18px; escala h1 56px / h2 32px / h3 24px
- Forma e espaçamento
raio do botão 160px, raio do cartão 6px, sem bordas, sem sombras, espaçamento entre seções 80px, largura do conteúdo 1272px
- Seções (de cima para baixo)
- Hero — fundo de imagem em largura total com sobreposição, título centralizado, subtítulo, botão CTA na cor primária, navegação no canto superior direito, logotipo no canto superior esquerdo
- Bloco de recursos — fundo laranja sólido, título centralizado, subtítulo, botão CTA branco em formato de pílula
- Grade de serviços — layout de quatro colunas em fundo branco, cada uma com ícone (losango, laptop, globo, coração), título e parágrafo curto
- Colagem de imagens — seis imagens de tamanho igual dispostas em duas linhas de três, em largura total, sobreposição escura abaixo
- Seção de download — fundo escuro, título centralizado, botão CTA branco em formato de pílula
- Formulário de contato — título centralizado, subtítulo, quatro campos de entrada (nome completo, email, telefone, mensagem), botão de envio coral, ícone de telefone e número abaixo
- Rodapé — barra cinza mínima com texto de direitos autorais
- Detalhes marcantes
- Cor laranja de acento usada consistentemente para CTAs e ícones
- Botões arredondados em formato de pílula com alto raio de canto
- Iconografia em laranja acima das descrições de serviços
- Colagem de imagens em largura total com layout de grade plana
- Sobreposição escura na imagem hero para legibilidade do texto
- Tipografia limpa com corpo serifado combinado com títulos sans-serif
- Outras páginas
- /about: não exibido
- /services: não exibido
- /portfolio: não exibido
- /contact: não exibido
Detalhes do template
- Categoria
- Landing page
- Feito com
- Bootstrap, HTML5
- Licença
- MIT
- Autor
- Start Bootstrap
- Publicado em
- Start Bootstrap
- Preço
- Grátis
- bootstrap
- bootstrap-4
- bootstrap-template
- bootstrap-theme
- bootstrap4
- css
- free
- html
- open-source
- theme
Design original de Start Bootstrap, publicado no Start Bootstrap. 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 uma landing page inspirada no modelo "Creative". Brief de referência: Um tema HTML de página única para profissionais criativos, desenvolvido pela Start Bootstrap Estilo e funcionalidades a reproduzir: bootstrap, bootstrap-4, bootstrap-template, bootstrap-theme, bootstrap4, css. 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.
