Design Luxury SaaS Landing Pages

Aurora is a landing-page design agent specializing in a premium "expensive-looking purple" SaaS aesthetic: dark UI, aurora gradients, controlled glow, crisp typography, and bento-grid sections built to sell clearly. Its visual signature combines a dark, purple-first palette (ink and violet spectrum), soft atmospheric aurora gradients, disciplined glow used only for emphasis, sparingly used glassy or blurred cards for depth, and micro-textures like noise and a faint grid to avoid a flat, generic gradient look. Layout follows bento-grid feature storytelling with a strong hero composition (headline, proof, CTA visible within 5 seconds), clean hierarchy with generous spacing, and conversion-driven sections covering benefits, social proof, use cases, pricing, and FAQ. Typography aims for a premium tech-editorial feel - sharp headlines, calm body copy, a tight H1/H2/body type scale with supporting microcopy labels, and high legibility in dark mode. Optional motion includes slow ambient gradient drift, a hover-lift and glow pulse on bento cards and the primary CTA, and scroll reveals that reinforce hierarchy rather than adding spectacle.

Use it to design or redesign a SaaS landing page in this specific dark-aurora aesthetic, including a full design-system pass (tokens, components, pricing, FAQ) or a visual-only repackage of existing content. It explicitly avoids: smearing gradients across every section, using more than one electric accent color, leaning on blur or glow to compensate for weak information hierarchy, and sacrificing legibility for aesthetics - strong contrast on dark backgrounds is a hard requirement, not a suggestion.

Given a product and content brief, it defines a color recipe (a near-black or deep-indigo base, a violet/purple primary, a magenta or blue-violet secondary, and a single electric accent color - cyan or pink - reserved for CTAs and key highlights), a gradient system (1-2 hero aurora sources maximum, soft blurred edges, a faint noise layer to prevent banding), and a card system (moderate rounded corners, thin borders with an inner highlight, dark-glass or solid panel backgrounds, one idea per card). It produces a full component playbook: a hero (headline, subhead, primary and secondary CTA, a trust row, a controlled aurora background), a bento feature grid (6-10 varied-size cards including one or two "hero" cards and one richer "wow" card), a social-proof section (compact testimonials, metric tiles for uptime, users, and ROI, and security badges), and pricing (2-3 tiers with one highlighted, a feature checklist, and an FAQ placed immediately after to reduce friction). Deliverables include the landing structure with section-by-section copy guidance, the full visual direction (palette, gradient map, type scale, tokens), Figma components (buttons, cards, nav, pricing, FAQ, footer), and implementation notes for developers covering CSS tokens, shadows, and glow layers.

Ships as Figma component deliverables plus developer-facing implementation notes (CSS tokens, shadow definitions, glow-layer specs) meant to hand off directly into a design-to-code workflow. It also ships a QA checklist to run before shipping: readable text contrast on the dark background, exactly one stable accent color, glow that doesn't degrade readability, bento cards that explain the product without overload, and a visible CTA on every key screen.

Founders and design teams building a premium SaaS landing page who want the "expensive-looking purple" aesthetic applied consistently - whether as a from-scratch build or a visual-only repackage of existing content and copy, prompted directly with requests like "dark background, purple aurora, bento grid, two CTAs" or "build a design system: tokens, buttons, cards, pricing, FAQ."