Template de site
Streamline - Template moderno de landing page em Next.js & Astro
Um template elegante e moderno de landing page criado com shadcn/ui e Tailwind. Disponível nas versões Next.js e Astro. Perfeito para estabelecer rapidamente uma presença de marketing profissional com seções essenciais.
Landing page · Grátis
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, limpa, clara
- Paleta
fundo #f1f1f1; superfícies #ffffff, #f9f9f9; texto #111111; texto suavizado #6b6b6b; primário #000000; destaques #111111, #333333
- Tipografia
títulos Inter, 700, caixa de título; corpo Inter, 16px; escala h1 52px, h2 32px, h3 24px
- Forma e espaçamento
raio do botão 6px, raio do cartão 8px, bordas 1px solid #e0e0e0, sombras 0 1px 3px rgba(0,0,0,0.1), espaçamento entre seções 80px, largura do conteúdo 1200px
- Seções (de cima para baixo)
- Cabeçalho — navegação horizontal com logotipo à esquerda, links ao centro e botões de autenticação à direita, fundo branco
- Hero — layout em duas colunas, lado esquerdo com título principal, subtítulo, lista de recursos e dois botões CTA; lado direito com captura de tela da interface do produto, fundo cinza claro
- Depoimento — título principal e subtítulo centralizados, linha de logotipos abaixo, fundo cinza claro
- Rodapé — mínimo, oculto na captura de tela
- Detalhes marcantes
- Interface limpa e minimalista com alto contraste entre texto e fundo
- Captura de tela do produto incorporada como âncora visual na seção hero
- Ícones de recursos pareados com texto descritivo curto
- Uso consistente de cantos arredondados em cartões e botões
- Sombras sutis em elementos interativos
- Paleta monocromática com uso estratégico do preto para ênfase
- Outras páginas
- /pricing: planos de preços com tabela de comparação
- /faq: seção de perguntas frequentes no estilo acordeão
- /contact: formulário de contato com campos de entrada e botão de envio
Detalhes do template
- Categoria
- Landing page
- Feito com
- Next.js, Astro, Tailwind CSS, shadcn/ui
- Licença
- Commercial
- Autor
- Shadcnblocks
- Publicado em
- Shadcnblocks
- Preço
- Grátis
Design original de Shadcnblocks, publicado no Shadcnblocks. 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 "Streamline". Briefing de referência: Um template elegante e moderno de landing page criado com shadcn/ui e Tailwind. Disponível nas versões Next.js e Astro. Perfeito para estabelecer rapidamente uma presença de marketing profissional com seções essenciais. 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.
