Template de site
Aspect - Template de marketing corporativo Next.js & Astro
Um template corporativo baseado em shadcn/ui e Tailwind. Disponível nas versões Next.js e Astro, perfeito para criar um site de marketing sofisticado.
Landing page · Agência · 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 corporativa, elegante e moderna, alta densidade, escura
- Paleta
fundo #000000; superfícies #0a0a0a, #111111; texto #ffffff; texto abafado #8e8e8e; primária #60a5fa; destaques #10b981, #fbbf24
- Tipografia
títulos Inter, 700, caixa de frase; corpo Inter, 16px; escala h1 48px, h2 32px, h3 24px
- Forma e espaçamento
raio do botão 8px, raio do cartão 12px, bordas nenhuma, sombras suaves de queda (0 10px 25px rgba(0,0,0,0.5)), espaçamento entre seções 120px, largura do conteúdo 1280px
- Seções (de cima para baixo)
- Cabeçalho — barra de navegação fixa com logotipo à esquerda, itens de menu centralizados e botão de login alinhado à direita, fundo preto
- Hero — seção em largura total com layout de duas colunas: lado esquerdo contém título principal, subtítulo e dois botões CTA (escuro e branco); lado direito exibe um mockup de dashboard com dados financeiros, superfície azul-escura com efeito sutil de brilho e sobreposição semitransparente
- Seção de confiança — título centralizado "Impulsionando as melhores empresas do mundo." seguido por uma linha horizontal de logotipos de clientes em branco, espaçados uniformemente e alinhados ao centro
- Recursos — grade de quatro colunas de cartões com ícones, títulos e breves descrições; cada cartão possui borda leve e efeito de passagem do mouse
- Detalhes marcantes
- Tema escuro com alto contraste entre texto e fundo
- Mockup de dashboard com elementos de interface realistas e microinterações
- Brilho sutil ao redor da imagem do dashboard
- Logotipos de clientes exibidos em estilo limpo e minimalista
- Barra de navegação flutuante com efeito transparente ao rolar
- Sombras suaves e cantos arredondados para profundidade
- Outras páginas
- /about: breve história da empresa e declaração de missão
- /pricing: tabela de preços em camadas com comparação de recursos
- /contact: formulário de contato com mapa e detalhes de endereço
Detalhes do template
- Categoria
- Landing page, Agência
- 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 website de landing page inspirado no template "Aspect". Brief de referência: Um template corporativo baseado em shadcn/ui e Tailwind. Disponível nas versões Next.js e Astro, perfeito para criar um site de marketing sofisticado. Utilize copy 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.
