Design a dark-mode abstract background artwork: cosmic particle turbulence meets high-precision data telemetry across an unyielding deep-space abyss.
LAYOUT
Asymmetrical two-zone composition with a 50/50 horizontal visual balance. The left hemisphere holds the semantic stack: brand, massive display headline, body description, dual CTA row, and three-part feature list. The right hemisphere hosts the cosmic particle singularity with bottom-anchored performance metrics.
PALETTE (use these exact hex values)
- #030706 — Abyssal Void: dominant canvas background absorbing light across all viewport boundaries
- #daf734 — Electric Chartreuse: hero focus word, primary action button fill, and high-energy particle emission
- #0fa36d — Emerald Aurora: mid-tone nebular haze, secondary particle clouds, and feature icon strokes
- #38d9d4 — Ionized Cyan: fine particle dusting, coordinate crosses, and quantitative metric numbers
- #f1f5f9 — Starlight White: display headlines, brand mark text, and navigation active states
- #81998e — Muted Sage: hero descriptive paragraphs, inactive menu links, and sub-metric labels
- #12261e — Deep Stasis Ring: subtle button border outlines and ghost pill button contours
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, Geist, Satoshi), weights 300/400/500/600. Sizes 11px caption, 13px body-sm, 15px body, 18px subheading, 32px heading, 68px display. Tracking -0.03em at display, 0.25em at brand mark. Scientific, ethereal, and hyper-modern. The lightweight sans-serif evokes aerospace telemetry manuals and computational physics rather than corporate enterprise software. Accessible through Google Fonts via Plus Jakarta Sans or Inter set at 300 weight with tight -0.03em tracking on display lines.
GEOMETRY & SPACING
Corner radii — cards 12px, links 0px, inputs 999px, buttons 999px. Spacing on a 4px unit, 24px gaps, 96px between sections, 1360px container, comfortable density.
DEPTH
Depth is created strictly through optical luminosity and particle scale rather than box-shadow drops. Bright elements recede into deep black through atmospheric green haze and microscopic spark textures. The interface floats entirely on Level 0 canvas with zero physical card elevations.
IMAGERY
Volumetric 3D particle accretion disks and swirling cosmic rings resembling glowing space dust or astrophysical accretion flows. Point-cloud densities transition from brilliant lime-yellow cores into deep emerald and teal margins. Mundane product screenshots, human photography, or flat cartoon illustrations are strictly forbidden.
SIGNATURE DETAIL — the thing that makes this design itself
The three-tier display headline concluding with a chartreuse terminal word ('Gravity') that directly mirrors the color, illumination, and curvature of the particle accretion disk. Any change that makes all words uniform in color dissolves the direct link between language and the background artwork.
MUST
- Reserve solid #daf734 exclusively for the highest-priority conversion trigger and singular focal words.
- Keep display headings extremely light in stroke (font-weight 300) to preserve the feeling of zero-gravity.
- Enforce fully rounded pill radii (999px) on all interactive buttons and tags.
- Ensure background imagery features dark negative space on the left to maintain 4.5:1 text contrast.
AVOID
- Do not add solid, opaque rectangular card backgrounds that obscure the particle vortex backdrop.
- Never use heavy, bold weights (700+) on display titles; weightlessness is core to identity.
- Avoid warm colors like red, orange, or magenta which disrupt the cold chartreuse-emerald spectrum.
- Do not center-align the hero text block; it must remain anchored to the left grid.
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