Design a dark-mode abstract background artwork: cosmic point-cloud vortex set against deep abyss navy, framing crisp neo-grotesque data metrics and glowing pill actions.
LAYOUT
Asymmetric two-column composition with an atmospheric full-bleed background. The left half contains the branding, navigation anchors, 64px display headline, subtitle, and dual CTA group. The right half is given over entirely to the circular cosmic particle formation, while the lower third spans a unified four-part telemetry metrics grid.
PALETTE (use these exact hex values)
- #030712 — Void Deep Navy: deepest background base tone across the viewport canvas
- #070E22 — Atmosphere Dark Blue: radial background glow under left-side content and stats
- #00D4FF — Electric Cyan: leading focal edge of the orbital accretion disk, hero gradient word, and primary button start
- #D946EF — Cosmic Magenta: midpoint in particle storm and interactive gradient accents
- #FF5C5C — Solar Coral: trailing solar particle plume on the far right and primary button end gradient
- #F8FAFC — Pure Starlight White: main display headings, top-level metric numbers, and primary button labels
- #94A3B8 — Muted Nebula Slate: body description text, navigation links, and metric descriptor labels
- #38BDF8 — Glass Border Tint: delicate glowing outline on secondary pill buttons and subtle card borders
TYPOGRAPHY
Typeface Inter Display (or Plus Jakarta Sans,SF Pro Display,General Sans), weights 400/500/600. Sizes 12px caption, 14px body-sm, 16px body, 24px heading, 64px display. Tracking -0.03em for display headings, -0.01em for body. The typographic tone is ultra-modern, technical, and precise without feeling robotic. A neo-grotesque sans like Inter Display provides supreme legibility at 12px while maintaining clean geometric grace at 64px display size. Licensed alternatives include SF Pro Display, Plus Jakarta Sans, or Geist.
GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 999px, buttons 999px. Spacing on a 4px unit, 24px gaps, 96px between sections, 1280px container, comfortable density.
DEPTH
Depth is created entirely through optical lighting and particle density rather than standard drop shadows. The deep black-navy backdrop acts as an infinite vacuum, the dark event horizon disk punches an optical hole into the center, and the luminous particles and button glows appear suspended in 3D space above the void.
IMAGERY
A cinematic, ultra-high-resolution 3D particle vortex resembling an astronomical black hole or accretion disk. Millions of individual glowing embers fade from deep electric cyan through ultraviolet magenta to fiery coral. Any photography of real-world objects, flat vector illustrations, or stock figurative graphics would completely break this aesthetic.
SIGNATURE DETAIL — the thing that makes this design itself
The singular signature is the glowing accretion-disk particle portal centered on the right canvas, dynamically counterbalanced by the left-aligned headline with its gradient-filled keyword ('organized.'). Misusing this design means either shrinking the particle ring into a small widget or cluttering the void area with heavy opaque cards.
MUST
- Keep typography strictly left-aligned while letting the cosmic particle ring occupy the right-center canvas.
- Use full 999px border-radius pills for all interactive button surfaces.
- Reserve energetic cyan, magenta, and coral gradients for the primary CTA and key focal text.
- Maintain high contrast between pure white stat values and muted 12px descriptive labels.
AVOID
- Do not use rectangular or sharp-cornered buttons anywhere in this layout.
- Do not place text directly over dense, high-brightness sections of the particle storm.
- Do not introduce solid opaque card containers or heavy gray backgrounds.
- Do not use saturated yellow, green, or earthy hues that clash with the cyan-magenta-coral cosmic spectrum.
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