Design a dark-mode abstract background artwork: solitary contemplation perched beneath a swirling cosmic vortex rendered in vivid neon bioluminescence.
LAYOUT
The page adheres to a 12-column full-bleed scenic layout. The top navigation is distributed evenly across the upper edge with 40px top padding. The left 5 columns are dedicated to content hierarchy: category kicker, oversized display headline, subtext, and dual CTA group, followed by the three metrics along the bottom. The right 7 columns are left entirely unobstructed to showcase the vortex and the silhouetted figure.
PALETTE (use these exact hex values)
- #080a18 — Deep Cosmic Void: Deepest canvas background shadow and silhouette baseline tone
- #d4f042 — Electric Acid Lime: High-priority CTA buttons, active status indicator dot, italic serif accent text, and icon highlights
- #d9328a — Vibrant Nebula Magenta: Dominant warm cosmic vortex illumination and cloud scatter tone
- #38d8d2 — Bioluminescent Cyan: Secondary vortex stream and valley glow accent
- #ffffff — Starlight White: Display headlines and primary navigation active state
- #a0a5b8 — Ethereal Slate: Body copy, navigation links, and metric supporting labels
- #e2a84b — Vortex Gold: Kicker caption uppercase tracker text above the headline
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, DM Sans, Outfit), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 18px body-lg, 32px heading, 68px display. Tracking -0.03em at display, 0.05em at kicker. The typographic voice blends crisp futuristic utility with romantic literary ambition. The clean, modern geometry of Plus Jakarta Sans provides immediate credibility and readability for software UI. The unexpected switch to an italic serif (Playfair Display) introduces soul, elevation, and poetic confidence, perfectly matching the cosmic explorer theme.
GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 999px, buttons 999px. Spacing on a 4px unit, 20px gaps, 96px between sections, 1360px container, airy density.
DEPTH
Depth is achieved entirely through cinematic scenic layering rather than box-shadows. The cosmic vortex recedes infinitely in z-space, framed by dark rocky foreground crags in near silhouette. Interface elements sit flat and pristine on the viewport plane, utilizing high-contrast color luminosity to float cleanly above the dark cosmic background.
IMAGERY
The imagery features a dramatic, surreal landscape: a solitary silhouette working on a laptop atop a jagged mountain ledge, gazing into a swirling hyper-saturated galactic vortex of magenta, lime, and cyan dust. The atmosphere mixes cosmic awe with futuristic exploration. Stock photography, office scenes, or flat pastel vector artwork would completely destroy the aesthetic.
SIGNATURE DETAIL — the thing that makes this design itself
The signature element is the fluid handoff between a clean geometric sans headline and an Electric Lime italic serif phrase ('Limit less.') integrated directly into the headline hierarchy, set against a swirling cosmic vortex illustration.
MUST
- Retain the sharp juxtaposition between geometric sans headline text and the italic serif accent phrase.
- Use Electric Lime (#D4F042) strictly for primary callouts, CTAs, and active status indicators.
- Position human or planetary silhouettes off-center to preserve vortex visual flow.
- Keep typography aligned to a rigorous left margin while letting the hero image dominate the right.
AVOID
- Never place heavy solid card containers behind hero copy; keep text direct on artwork.
- Do not style all headline words in the serif typeface; reserve it purely for the finishing statement.
- Avoid using flat rectangular buttons or small border radii below 999px.
- Never use desaturated or pastel blues for primary interactive buttons.
OUTPUT
Render as a clean, pixel-crisp UI design at roughly 3424:2416. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks. Try in DraPub