Template de site
Grayscale
Um tema Bootstrap multipropósito de página única 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, minimalista, baixa densidade, escura
- Paleta
fundo #ffffff; superfícies [#f8f9fa, #000000, #64a19d]; texto #000000; texto abafado #ffffff; primária #64a19d; acentos []
- Tipografia
títulos Varela Round, 500, maiúsculas; corpo Nunito, 16px; escala h1 104px / h2 20px / h3 16px
- Forma e espaçamento
raio de botão/cartão 6px, sem bordas, sombras suaves, espaçamento entre seções 80px, largura do conteúdo 1224px
- Seções (de cima para baixo)
- Hero — imagem em tons de cinza de montanha em largura total com sobreposição, título centralizado "GRAYSCALE" em maiúsculas grandes, subtítulo em caixa de frase, botão CTA verde-azulado "GET STARTED", barra de navegação com logotipo e links no canto superior direito
- Recurso — fundo escuro, título centralizado "Built with Bootstrap 5", texto parágrafo abaixo, mockup de tablet inclinado na parte inferior direita mostrando visualização do tema
- Portfólio — grade de quatro imagens em preto e branco no formato paisagem com blocos de texto alternados em fundos brancos ou pretos, cada um com título e descrição, linha vertical verde-azulada à esquerda do primeiro bloco
- Newsletter — fundo escuro com fundo de montanha nebuloso, campo de entrada de e-mail centralizado e botão verde-azulado "NOTIFY ME!", mensagem de inscrição acima
- Rodapé — três cartões claros com ícones (endereço, e-mail, telefone), detalhes de contato, ícones sociais (Twitter, Facebook, LinkedIn), texto de direitos autorais centralizado
- Detalhes marcantes
- Imagética monocromática em tons de cinza em toda parte
- Cor verde-azulada usada com moderação para CTAs e destaques
- Tipografia sans-serif limpa com contraste entre títulos em negrito e texto corporal suave
- Mockup de tablet flutuante com efeito de tela transparente
- Layout de cartões minimalista com preenchimento consistente e cantos arredondados
- Sobreposições sutis em gradiente nas seções hero e rodapé
- Outras páginas
- /about: não exibido
- /projects: 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-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 'Grayscale'. Briefing de referência: Um tema Bootstrap multipropósito de página única 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 da minha marca em vez do conteúdo placeholder do 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.
