Design a dark-mode abstract background artwork: an illuminated spiral galaxy framed against deep void, anchoring contemplative human curiosity.
LAYOUT
Asymmetric two-zone canvas: the left 40% houses the intellectual brand content, headline, intro paragraph, CTA group, and triple-column capability highlights. The remaining 60% right canvas belongs to the illuminated spiral vortex and silhouette, establishing an expansive, aspirational horizon.
PALETTE (use these exact hex values)
- #09101A — Deep Space Navy: Foundational canvas backing beneath the artwork and darkest corners of the vignette
- #FFFFFF — Starlight White: Primary headline typography, brand glyph, and active navigation indicators
- #A7B5C4 — Cosmic Mist Slate: Secondary description text, inactive nav links, and feature card summaries
- #F49B90 — Nebula Coral: Leftmost stop of primary gradient buttons and subtle warm ambient glows
- #A9E5D9 — Aurora Mint: Rightmost stop of primary pill buttons and cyan cosmic stardust highlights
- linear-gradient(90deg, #F49B90 0%, #A9E5D9 100%) — Button Gradient: Primary action button backgrounds across the header and hero CTA group
TYPOGRAPHY
Typeface Playfair Display (or Cormorant Garamond,Editorial New,Baskerville), weights 400. Sizes 12px caption, 13px body-sm, 14px subheading, 15px body, 56px display. Tracking -0.015em. The typography blends classical intellectual authority with modern digital precision. The serif display font evokes literature, astronomy, and deep philosophy, while the neutral sans-serif UI elements provide crisp, modern SaaS utility.
GEOMETRY & SPACING
Corner radii — cards 0px, links 2px, inputs 999px, buttons 999px. Spacing on a 8px unit, 24px gaps, 96px between sections, 1360px container, airy density.
DEPTH
Depth is produced purely atmospherically through the celestial illustration rather than interface drop shadows. Foreground silhouettes and UI typography exist on an ultra-sharp top plane, while dust, nebulae, and stellar core recede infinitely backward into the deep void.
IMAGERY
Full-bleed hyper-detailed cosmic illustration featuring a luminous swirl galaxy, iridescent star clusters, and a solitary human silhouette standing on a rocky precipice. Imagery must remain philosophical and awe-inspiring, avoiding photorealistic corporate stock photography or flat 2D vector illustrations.
SIGNATURE DETAIL — the thing that makes this design itself
The juxtaposition of an intellectual, low-contrast serif headline with an expansive, glowing spiral nebula anchored by a solitary silhouette at the event horizon.
MUST
- Keep text strictly on the deep shadowed left quadrant to ensure legibility against the dark void.
- Use high-contrast pure white (#FFFFFF) for the serif headline to stand out against cosmic dust.
- Retain the 999px pill border-radius exclusively on primary gradient buttons.
- Allow the right-side spiral nebula to breathe with minimal UI interference.
AVOID
- Never place heavy solid cards or opaque boxes behind the editorial headline text.
- Do not use dark body text or dark button text on dark space backgrounds.
- Avoid warm saturated orange or red buttons that clash with the delicate coral-teal gradient.
- Do not center the primary headline; it must align left to balance the rightward vortex.
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