Design a dark-mode abstract background artwork: deep cosmic void illuminated by particle point clouds and neon planetary horizons.
LAYOUT
Asymmetric two-column split-screen layout on desktop. The left 45% houses the text stack (eyebrow, massive display headline, gradient rule, descriptive body, and paired action buttons). The right 55% is dominated by the planetary particle cloud, which sweeps diagonally behind the center and lower margins.
PALETTE (use these exact hex values)
- #060818 — Deep Space Void: Dominant background canvas across the entire viewport, creating an infinite dark depth.
- #0D1333 — Navy Abyss: Subtle ambient background illumination radiating underneath text columns.
- #F45C68 — Solar Coral: Leftmost stop in the core brand gradient, used on primary buttons and key headline words.
- #BC39CE — Electric Orchid: Rightmost gradient stop, glowing particles, and active navigation indicator dots.
- #FFC875 — Supernova Flare: High-intensity lens flare focal point peaking over the horizon of the planetary sphere.
- #FFFFFF — Starlight White: Primary headline phrases, brand logotype, and high-emphasis interface text.
- #8C96B5 — Stardust Slate: Multi-line body descriptions and inactive navigation links.
- #1B2348 — Translucent Indigo: Hairline 1px borders on secondary ghost buttons and subtle UI framing.
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, General Sans, Epilogue), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 64px display. Tracking -0.03em at display, 0.25em at kickers. Technical, visionary, and astronomical. The clean, modern geometric sans-serif pairs ultra-tracked micro-copy with tightly tracked, authoritative display titles, perfectly balancing mathematical precision with grand cinematic scale.
GEOMETRY & SPACING
Corner radii — cards 12px, links 4px, inputs 8px, buttons 8px. Spacing on a 8px unit, 24px gaps, 120px between sections, 1360px container, comfortable density.
DEPTH
Depth is created purely through optical emission, particle density, and volumetric light. Foreground UI elements float cleanly on the dark void with zero drop shadows, while background depth is expressed through the radiant planetary eclipse and shimmering bokeh nodes.
IMAGERY
Sophisticated generative point-cloud data simulations depicting astronomical bodies. The artwork features thousands of multi-colored microscopic spheres (magenta, cyan, coral) organized into celestial currents with a blazing solar flare. Flat illustration or generic photography would completely break the technical sci-fi mood.
SIGNATURE DETAIL — the thing that makes this design itself
The massive, curved planetary horizon constructed from thousands of illuminated point-cloud particles paired with an intense solar flare. It transforms generic tech hero space into a tangible metaphor for synthetic data synthesis. Misusing it involves turning it into a blurry low-res gradient blob without individual particulate detail.
MUST
- Keep typography strictly aligned left against the dark void to allow visual breathing room for the particle artwork.
- Reserve the vivid coral-orchid gradient only for primary CTAs, key headline emphasis, and planetary atmosphere.
- Maintain wide uppercase tracking (0.25em) on small labels and navigation items to evoke technical precision.
- Ensure secondary buttons use dark translucent fills and subtle borders rather than solid light colors.
AVOID
- Do not use solid white cards, flat containers, or stark opaque boxes anywhere on the screen.
- Avoid applying gradient fills to full headline sentences; restrict gradients to single impactful words.
- Never replace the high-density particulate point-cloud with flat vectors or low-poly geometric art.
- Do not use high-drop-shadow elevation; rely entirely on radial optical glows and emissive particles.
OUTPUT
Render as a clean, pixel-crisp UI design at roughly 3408:2416. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks. Try in DraPub