Choose the Landing Page Design
11 design variants
Each variant has the same content, but with a completely distinct visual treatment. Click "View Live" to browse the full page.
V1 - Futuristic Minimal
Minimal sci-fi design with dark background and vibrant orange as the single accent. Inspired by linear.app and attio.com — generous whitespace, light geometric typography, and product screenshots as the visual centerpiece.
V2 - System UI
Component-system driven design — semantic color tokens, WCAG accessibility, and consistent 8px grid. The landing page layout mirrors the product's own maturity, with screenshots that blend naturally into the visual context.
V3 - Bento Grid
Modular card grid with varied sizes, inspired by attio.com. Each card presents a product feature or metric with orange accents. Natural solution for communicating two audiences (construction companies and equipment rental) in distinct compartments.
V4 - Gradient Mesh Aurora
Aurora gradient with orange and navy creating an inner-glow effect in the hero. High visual-impact dark design inspired by attio.com, with glassmorphic cards and product screenshots wrapped in orange light frames.
V5 - Data Dense
Information-density driven design — the landing page itself demonstrates the product's analytical rigor. Real metrics, comparative tables, and screenshots with visible data. For technical buyers who distrust polished marketing.
V6 - Terminal Brutalist
Engineering lab design: exposed grid with 1px rules, monospace typography, and orange as the single color signal. The landing page IS an engineering artifact — communicating technical rigor without superficial marketing.
V7 - Editorial Modern
Typography-driven scroll narrative — the landing tells two parallel stories (for construction companies and for equipment rental) with cinematic editorial rhythm. 80-100px Galano Grotesque headings with orange as the single editorial accent.
V8 - Bauhaus Swiss
Grid-driven mathematical precision with Swiss editorial typography. Civil construction and Bauhaus are direct architectural cousins — solid color blocks, massive headings in Galano weight 900, geometric primitives as compositional citizens. Form follows function.
V9 - Industrial Utilitarian
Pattern NATIVE to the sector: spec-sheet aesthetic, orange+navy hazard stripes, IBM Plex monospace, cards as industrial labels. The landing speaks the language of the construction site and equipment yard — function over form.
V10 - Brutalist (classic)
Architectural-artistic brutalism: intentional mixed typography, heavy 4-6px borders, solid color blocks inverting between sections, deliberate asymmetry. "Concrete-and-rebar" digital — you don't need polished marketing, you need it to work.
V11 - Minimalist (extreme)
Radical whitespace, 3 colors total (navy, off-white, orange), hero typography in extreme weights. Industrial-clean Apple/Vitra style — rigor via restraint. Communicates technical seriousness by removing everything non-essential.
Design Selection | Auto-generated via /landing:generate