Template de site
Business Casual
Um tema HTML Bootstrap para sites empresariais - desenvolvido 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, acolhedor e convidativo, densidade média, contraste claro/escuro
- Paleta
fundo #ffffff; superfícies [#e6a756, #f6e1c5, #2f1710]; texto #212529; texto suavizado #f6e1c5; primária #e6a756; destaques []
- Tipografia
títulos Raleway, 500, caixa de frase; corpo Lora, 16px; escala h1 40px, h2 32px, corpo 16px
- Forma e espaçamento
raio de botões/cartões 6px, sem bordas, sombras sutis em cartões, espaçamento entre seções 60px, largura do conteúdo 990px
- Seções (de cima para baixo)
- Hero — fundo de largura total com grão de café, título centralizado "BUSINESS CASUAL" em branco com contorno e subtítulo dourado, barra de navegação horizontal abaixo
- Conteúdo hero — layout dividido com cartão bege alinhado à esquerda contendo o título "WORTH DRINKING", parágrafo e botão laranja CTA; lado direito apresenta uma grande foto de um barista em ação
- Seção promessa — fundo sólido amarelo mostarda com cartão bege centralizado contendo o título "TO YOU" e parágrafo descritivo
- Rodapé — fundo marrom escuro com texto de direitos autorais centralizado em fonte branca pequena
- Detalhes marcantes
- Textura de grão de café como padrão de fundo repetitivo
- Cartões bege com cantos arredondados e sombras suaves para blocos de conteúdo
- Cor laranja primária usada consistentemente para CTAs e destaques
- Texto serifado no corpo combinado com títulos sem serifa para contraste
- Layouts centralizados e equilibrados com espaçamento em branco generoso
- Imagens hero de largura total com conteúdo sobreposto
- Outras páginas
- /about.html: imagem hero do interior de uma cafeteria com cartão sobreposto contendo o título "ABOUT OUR CAFE" e texto descritivo
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-template
- bootstrap-theme
- bootstrap4
- bootstrap5
- bootstrap5-template
- 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.
Build um site de agência inspirado no template "Business Casual". Brief de referência: Um tema HTML Bootstrap para sites empresariais - desenvolvido pela Start Bootstrap Estilo e recursos a refletir: bootstrap, bootstrap-4, bootstrap-template, bootstrap-theme, bootstrap4, bootstrap5. Use textos e imagens originais da minha marca em vez do conteúdo placeholder do template de 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.
