Template de site
Vertex - Modelo de Landing Page para Automação de Fluxos de Trabalho com IA
Uma landing page Next.js 15 de nível profissional para produtos de automação de fluxos de trabalho com IA, com 10 seções, matriz comparativa de preços, cinco páginas pré-construídas, temas claro e escuro e metadados otimizados para SEO.
Landing page · IA · Original $49
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, limpa e moderna, baixa densidade, clara
- Paleta
fundo #ffffff; superfícies [#000000,#e6e6e6,#d4d4d4,#171717]; texto #171717; texto abafado #737373; primária #2b7fff; acentos [#a4f4cf,#00bc7d,#ad46ff]
- Tipografia
títulos Tiempos Headline, 600, caixa de frase; corpo Geist, 18px; escala h1 60px / h2 36px / h3 18px
- Forma e espaçamento
raio do botão 6px, raio do cartão 12px, bordas nenhuma, sombras rgba(0,0,0,0.1) 0px 1px 3px 0px, rgba(0,0,0,0.1) 0px 1px 2px -1px, espaçamento entre seções 120px, largura do conteúdo 1164px
- Seções (de cima para baixo)
- Hero — largura total, título centralizado com subtítulo, botões CTA, linha de logotipos, barra de navegação, frase-chave acima do título
- Destaque de funcionalidades — cartões empilhados com mockups de UI, seções rotuladas, elementos flutuantes, profundidade sutil via sombra
- Exemplos de fluxo de trabalho — grade de três colunas com ilustrações de funcionalidades e legendas, cada uma com um pequeno snippet de UI
- Métricas de desempenho — quatro estatísticas em uma grade dois por dois, gráfico de linha de tendência ascendente no lado direito
- Depoimentos — grade de oito cartões com citações, avatares, nomes, cargos e logotipos de empresas
- Preços — tabela comparativa de três colunas com planos escalonados, preços, funcionalidades e CTAs, seletor de ciclo de cobrança
- Detalhes marcantes
- Mockups de UI flutuantes com profundidade em camadas
- Divisor de padrão diagonal sutil entre seções
- Linhas de acento em gradiente nos cartões de funcionalidades
- Ícones de avatar minimalistas com sombras suaves
- Hierarquia tipográfica limpa e de alto contraste
- Estados de passagem do mouse em elementos interativos implícitos pelo design
- Outras páginas
- /pricing: matriz comparativa de preços com opções escalonadas
- /features: detalhamento completo das funcionalidades com exemplos de UI
- /testimonials: citações de clientes com identidade visual
- /about: história da marca e missão
- /contact: formulário e links de suporte
Detalhes do template
- Categoria
- Landing page, IA
- Feito com
- shadcn/ui, Next.js
- Autor
- ruixen.ui
- Publicado em
- 21st.dev
- Preço
- Original $49
- Landing Page
- shadcn/ui
- AI
- Next.js
- Landing Page Banner
- Startup Landing
- Bento Feature
- Workflow Automation
Design original de ruixen.ui, publicado no 21st.dev. 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 modelo "Vertex". Brief de referência: Uma landing page Next.js 15 de nível profissional para produtos de automação de fluxos de trabalho com IA, com 10 seções, matriz comparativa de preços, cinco páginas pré-construídas, temas claro e escuro e metadados otimizados para SEO. Estilo e funcionalidades a refletir: shadcn/ui, Next.js, Banner de Landing Page, Landing Page para Startups, Recurso Bento, Automação de Fluxos de Trabalho. Use textos e imagens originais para minha marca em vez do conteúdo placeholder do modelo 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.
