Template de site
Charter - Template de marketing fintech Next.js & Astro
Um template estilo fintech construído com shadcn/ui e Tailwind. Disponível nas versões Next.js e Astro, perfeito para criar um site de marketing moderno e eficiente.
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 #F8FAFF; superfícies #FFFFFF, #F1F5F9; texto #111827; texto suavizado #6B7280; primária #2563EB; destaques #10B981, #EF4444
- Tipografia
títulos Inter, 700, caixa de frase; corpo Inter, 16px; escala h1 48px, h2 32px, h3 24px
- Forma e espaçamento
raio de botões/cartões 8px, bordas 1px solid #E5E7EB, sombras 0 10px 15px -3px rgba(0,0,0,0.1), espaçamento entre seções 80px, largura do conteúdo 1280px
- Seções (de cima para baixo)
- Cabeçalho — layout horizontal, logotipo à esquerda, navegação centralizada à direita com menus suspensos, botões CTA à direita, fundo branco
- Hero — largura total, título e subtítulo centralizados, botão CTA primário abaixo, fundo com gradiente azul claro
- Demonstração de transferências — cartão com interface de tabela, barra de filtros acima, sobreposição de trecho de código escuro com linha de destaque, fundo branco
- Recursos — grade de quatro colunas, ícones acima dos rótulos, descrições curtas, fundo cinza claro
- Detalhes marcantes
- Trecho de código flutuante com fundo azul escuro e realce de sintaxe
- Transbordamento sutil de gradiente da seção hero para o cartão de transferências
- Design minimalista de tabela com alternância suave de linhas
- Cantos arredondados em todos os elementos interativos
- Uso consistente de microinterações (ex.: estados de passagem do mouse em botões)
- Hierarquia tipográfica limpa e de alto contraste
- Outras páginas
- /product: Visão geral do produto com cartões de recursos
- /pricing: Tabela de preços em níveis com comparação
- /faq: Lista de perguntas e respostas no estilo acordeão
- /company: Seção sobre a equipe e a missão
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 "Charter". Briefing de referência: Um template estilo fintech construído com shadcn/ui e Tailwind. Disponível nas versões Next.js e Astro, perfeito para criar um site de marketing moderno e eficiente. Use textos e imagens originais para 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.
