Template de site
Landing Page
Um template de landing page responsivo em Bootstrap criado 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, profissional, densidade média, clara
- Paleta
fundo #ffffff; superfícies [#f8f9fa, #0d6efd]; texto #212529; texto suavizado #ffffff; primária #0d6efd; destaques []
- Tipografia
títulos Lato, 700, caixa de frase; corpo Lato, 16px; escala h1 48px / h2 32px / h3 28px
- Forma e espaçamento
raio do botão 8px, sem bordas, sombra projetada sutil em botões; espaçamento entre seções 60px; largura do conteúdo 1320px
- Seções (de cima para baixo)
- Cabeçalho — faixa de largura total com fundo azul-escuro de textura de água, título centralizado, campo de entrada de e-mail e botão de envio, link "Inscreva-se" no canto superior direito
- Recursos — layout de três colunas em fundo branco, cada uma com ícone, título em negrito e parágrafo descritivo
- Design responsivo — divisão em duas colunas: lado esquerdo com título e parágrafo, lado direito com imagem da parte traseira de um smartphone
- Personalização — divisão em duas colunas: lado esquerdo com imagem de trecho de código, lado direito com foto de uso de laptop e texto descritivo
- Depoimentos — três imagens de perfil circulares com nomes e citações, centralizadas horizontalmente
- Chamada para ação — fundo azul-escuro de textura de água de largura total, formulário centralizado com campo de entrada de e-mail e botão de envio
- Rodapé — fundo branco, links alinhados à esquerda, ícones sociais alinhados à direita, aviso de direitos autorais
- Detalhes marcantes
- Cor azul de destaque usada consistentemente em botões e links
- Cantos arredondados em botões e cards
- Tipografia limpa e minimalista com espaçamento consistente
- Uso de imagens reais do produto (smartphone, laptop) para transmitir responsividade
- Fundo com textura de água nas seções hero e chamada para ação
- Imagens de perfil circulares na seção de depoimentos
- Outras páginas
- Nenhuma exibida
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-5
- bootstrap-5-template
- bootstrap-template
- bootstrap-theme
- bootstrap4
- bootstrap5
- bootstrap5-template
- css
- free
- html
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.
Crie um site de landing page inspirado no template "Landing Page". Briefing de referência: Um template de landing page responsivo em Bootstrap criado pela Start Bootstrap Estilo e recursos a refletir: bootstrap, bootstrap-4, bootstrap-5, bootstrap-5-template, bootstrap-template, bootstrap-theme. Use textos e imagens originais para minha marca em vez do conteúdo de placeholder 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.
