Design a dark-mode abstract background artwork: deep indigo void pierced by warm stellar halos and luminescent undulating particle terrains.
LAYOUT
The viewport is orchestrated on a 12-column grid inside a ~1360px container with ~100px vertical padding. The hero content is concentrated in the left 6 columns, giving breathing room to the massive focal ring on the right. Below the CTA grouping, the base of the viewport is grounded by a disciplined four-column feature ribbon with consistent horizontal pacing.
PALETTE (use these exact hex values)
- #080720 — Deep Space Canvas: Primary atmospheric backdrop color dominating the upper left quadrant
- #1d1246 — Bioluminescent Indigo: Midtone celestial haze and landscape shadows across mid-ground mountains
- #e97d8e — Stellar Coral: Primary accent for glowing rings, primary CTAs, and highlight typography
- #f5aa96 — Peach Light: Warm termination stop for gradients on buttons and the atmospheric ring
- #638eff — Particle Cyan: Luminescent particle scatter across ground contours and terrain crests
- #ffffff — Text Primary: Pure white for navigation links, icons, and top header words
- #b3b0cb — Text Muted: Subordinate body copy and secondary metadata descriptions
TYPOGRAPHY
Typeface Inter Display (or Plus Jakarta Sans,General Sans,system-ui), weights 400/500/600. Sizes 11px caption, 13px body-sm, 15px body, 15px subheading, 64px display. Tracking -0.03em at display, 0.12em on uppercase eyebrow. The type is rational, clinical, and exceptionally refined—acting as a serene counterweight to the intense, fantastical backdrop. Using neutral geometric sans glyphs ensures readability against particle-heavy graphics while preventing the aesthetic from tipping into full fantasy fiction.
GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 999px, buttons 999px. Spacing on a 4px unit, 20px gaps, 120px between sections, 1360px container, airy density.
DEPTH
Depth is rendered entirely through optical physics within the background: volumetric clouds, an intense glowing circular light ring, and scattered light point particles across undulating topography. UI elements float weightlessly directly atop the environment, relying on hairline 1px glass outlines (rgba(255,255,255,0.15)) rather than drop shadows.
IMAGERY
A hyper-cinematic science-fiction landscape composed of a bioluminescent particulate field resembling neon blue/purple digital dunes beneath a colossal glowing celestial ring and dust nebula. Off-brand choices include generic vector illustrations, flat tech patterns, or desaturated corporate photography.
SIGNATURE DETAIL — the thing that makes this design itself
The juxtaposition of an overwhelming glowing circular event horizon in the top right with a tranquil bioluminescent terrain running underneath crisp, left-aligned sans-serif type. To execute properly, ensure the halo's incandescent peach light bleeds into the lower typography and terrain highlights, tying background to text.
MUST
- Keep typography strictly left-aligned while the dramatic photographic or 3D halo visual anchors the right half.
- Use subtle text vertical gradients only on the terminal words of the hero headline.
- Pair coral-peach solid fills exclusively with 999px pill geometry for primary action triggers.
- Apply hairline semi-transparent white borders (1px, 15-20% alpha) to give structure to glass cards against dark terrain.
AVOID
- Do not center the primary headline or CTAs; it interrupts the visual rhythm of the cosmic arch.
- Do not introduce sharp 90-degree rectangle buttons; all interactive triggers must be pill-shaped.
- Do not use saturated yellow, green, or pure red accents; maintain the warm coral to cool violet continuum.
- Do not add opaque background containers behind the feature grid items; preserve background visibility.
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 
