Template de site
Modern Business
Um modelo de site Bootstrap completo e multipropósito 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
site empresarial multifuncional, limpo e profissional, densidade média, contraste claro/escuro
- Paleta
fundo #ffffff; superfícies [#f8f9fa, #212529, #0d6efd]; texto #212529; texto suavizado #ffffff; primário #0d6efd; destaques []
- Tipografia
títulos system-ui, 700, caixa de frase; corpo system-ui, 20px; escala h1 48px, h2 32px, p 20px
- Forma e espaçamento
raio de botões/cartões 8px, sem bordas, sombras sutis em cartões, espaçamento entre seções 80px, largura do conteúdo 1272px
- Seções (de cima para baixo)
- Cabeçalho — barra de navegação fixa com logotipo e menu, fundo escuro, texto branco
- Hero — seção em largura total com fundo escuro, título principal, subtítulo, dois botões CTA e imagem de espaço reservado (600×400)
- Recursos — fundo claro, layout de quatro colunas com ícones, títulos e parágrafos, alinhamento centralizado
- Depoimento — citação centralizada em itálico, atribuída a um nome e cargo com espaço reservado para avatar
- Pré-visualização de blog — grade de cartões em três colunas com imagens (600×350), tags de categoria, títulos, trechos, informações do autor e tempo de leitura
- Newsletter — seção azul em largura total com título, texto secundário, campo de entrada de e-mail e botão "Inscrever-se"
- Rodapé — fundo escuro, texto de direitos autorais e links para Privacidade, Termos e Contato
- Detalhes marcantes
- Cor de destaque azul usada consistentemente para CTAs, ícones e destaques
- Cantos arredondados em todos os elementos interativos
- Sombras sutis em queda nos cartões para profundidade
- Uso consistente da fonte system-ui em todo o texto
- Cabeçalho fixo com efeito de sobreposição transparente ao rolar
- Layouts de grade responsivos com alturas adaptativas de cartões
- Outras páginas
- /startbootstrap-modern-business/about.html: Declaração de missão com título centralizado, parágrafo e CTA; duas seções alternadas imagem-texto com espaços reservados de 600×400
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 "Modern Business". Resumo de referência: Um modelo de site Bootstrap completo e multipropósito criado pela Start Bootstrap Estilos 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.
