Template de site
Business Frontpage
Um modelo de página inicial empresarial em Bootstrap HTML criado pela Start Bootstrap
Agência · 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 para negócios, profissional e limpa, densidade média, divisão claro/escuro
- Paleta
fundo #ffffff; superfícies [#f8f9fa, #212529, #0d6efd]; texto #212529; texto suavizado #ffffff; primário #0d6efd; acentos []
- Tipografia
títulos system-ui, 700, caixa de frase; corpo system-ui, 16px; escala h1 48px, h2 24px, p 20px
- Forma e espaçamento
raio do botão 8px, raio do cartão 6px, sem bordas, sombras sutis nos cartões, espaçamento entre seções 80px, largura do conteúdo 1224px
- Seções (de cima para baixo)
- Cabeçalho — navegação fixa com logotipo e links, fundo escuro, texto branco, hero centralizado com título grande, subtítulo e dois botões CTA (azul primário, secundário contornado), largura total
- Recursos — layout em três colunas, cada uma com ícone, título em negrito, parágrafo e link, fundo branco, espaçamento uniforme
- Preços — título e subtítulo centralizados, três cartões de preços em linha, cada um com nome do plano, preço, lista de recursos (marcas de verificação e cruzes) e botão “Escolher plano” (azul para PRO, contornado para os demais), fundo cinza-claro
- Depoimentos — dois cartões de citação com ícone de bolha de fala, texto do cliente, atribuição e fundo branco
- Contato — formulário centralizado com ícone de e-mail, título, campos de entrada (nome, e-mail, telefone, mensagem) e botão azul de envio, fundo cinza-claro
- Rodapé — fundo escuro, texto de direitos autorais centralizado em fonte pequena branca
- Detalhes marcantes
- Cor azul de acento usada consistentemente para CTAs e ícones
- Cantos arredondados em todos os elementos interativos
- Espaçamento limpo e minimalista entre seções
- Uso de marcas de verificação e cruzes nas listas de recursos
- Ícone de bolha de fala nos depoimentos
- Cabeçalho fixo com efeito de sobreposição transparente ao rolar
- Outras páginas
- /about: não exibido
- /contact: não exibido
- /services: não exibido
Detalhes do template
- Categoria
- Agência
- 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 agência inspirado no modelo "Business Frontpage". Briefing de referência: Um modelo de página inicial empresarial em Bootstrap HTML 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 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.
