Escolha o Design da Landing Page

11 variantes de design

Preview Interno

Cada variante tem o mesmo conteudo, mas com tratamento visual completamente distinto. Clique em "Ver ao Vivo" para navegar pela pagina completa.

Grupo A Brand-Fit (alinhadas a marca) V1-V4
1 Futuristic Minimal V1 Futuristic Minimal

V1 - Futuristic Minimal

Design sci-fi minimalista com fundo escuro e laranja vibrante como unico acento. Inspirado em linear.app e attio.com — espacos generosos, tipografia geometrica leve e screenshots do produto como elemento central.

Score: 14/15 brand-fit-1 Narrative/Content
2 System UI V2 System UI

V2 - System UI

Design orientado a sistema de componentes — tokens semanticos, acessibilidade WCAG e grid consistente de 8px. O layout da landing reflete a maturidade do proprio produto, com screenshots que se integram naturalmente ao contexto visual.

Score: 13/15 brand-fit-2 Product/UI Systems
3 Bento Grid V3 Bento Grid

V3 - Bento Grid

Grid modular de cards com tamanhos variados, inspirado em attio.com. Cada card apresenta uma feature ou metrica do produto com acento em laranja. Solucao natural para comunicar dois publicos (construtoras e locadoras) em compartimentos distintos.

Score: 12/15 brand-fit-3 Product/UI Systems
4 Gradient Mesh Aurora V4 Gradient Mesh Aurora

V4 - Gradient Mesh Aurora

Aurora gradiente com laranja e navy criando um efeito de brilho interno no hero. Design escuro de alto impacto visual inspirado em attio.com, com cards glassmorficos e screenshots do produto envoltos em quadros de luz laranja.

Score: 12/15 brand-fit-4 Visual Atmospheres
Grupo B Creative (alternativas criativas) V5-V7
5 Data Dense V5 Data Dense

V5 - Data Dense

Design orientado a densidade de informacao — a landing page em si demonstra a rigidez analitica do produto. Metricas reais, tabelas comparativas e screenshots com dados visiveis. Para compradores tecnicos que desconfiam de marketing polido.

Score: 12/15 creative-contrast Narrative/Content
6 Terminal Brutalist V6 Terminal Brutalist

V6 - Terminal Brutalist

Design de laboratorio de engenharia: grid exposto com linhas de 1px, tipografia monoespacada e laranja como unico sinal de cor. A landing page E um artefato de engenharia — comunicando rigor tecnico sem marketing superficial.

Score: 11/15 creative-wildcard Aesthetic Movements
7 Editorial Modern V7 Editorial Modern

V7 - Editorial Modern

Narrativa tipografica em scroll — a landing conta duas historias paralelas (para construtoras e para locadoras) com ritmo editorial cinematografico. Titulos de 80-100px em Galano Grotesque com laranja como unico acento editorial.

Score: 9/15 creative-bridge Narrative/Content
Grupo C Industrial-Focused (foco no setor) V8-V11
8 Bauhaus Swiss V8 Bauhaus Swiss

V8 - Bauhaus Swiss

Grid-driven precision matematica com tipografia editorial Swiss. Construcao civil e Bauhaus sao primos arquitetonicos diretos — blocos solidos de cor, headings gigantes em Galano weight 900, geometric primitives como elementos compositivos. Form follows function.

Score: curated industrial-1 Aesthetic Movements
9 Industrial Utilitarian V9 Industrial Utilitarian

V9 - Industrial Utilitarian

Pattern NATIVO ao setor: spec-sheet aesthetic, hazard stripes orange+navy, monospace IBM Plex, cards como etiquetas industriais. A landing fala a lingua do canteiro de obra e do galpao de equipamentos — function over form.

Score: curated industrial-2 Product/UI Systems
10 Brutalist (classico) V10 Brutalist (classico)

V10 - Brutalist (classico)

Brutalismo arquitetonico-artistico: tipografia mista intencional, heavy borders 4-6px, blocos solidos invertendo cor entre sections, assimetria deliberada. "Concrete-and-rebar" digital — voce nao precisa de marketing bonito, precisa que funcione.

Score: curated industrial-3 Aesthetic Movements
11 Minimalist (extreme) V11 Minimalist (extreme)

V11 - Minimalist (extreme)

Whitespace radical, 3 cores totais (navy, off-white, laranja), tipografia hero em weights extremos. Industrial-clean estilo Apple/Vitra — rigor via restraint. Comunica seriedade tecnica removendo tudo que nao for essencial.

Score: curated industrial-4 Aesthetic Movements

Selecao de Design | Gerado automaticamente via /landing:generate