Design a dark-mode abstract background artwork: deep space canvas ignited by iridescent particle vortexes and frosted glass pill components.
LAYOUT
The page follows an asymmetric diagonal split: the top-left to mid-left is reserved for sparse, high-impact branding, headline copy, actions, and trust logos against clean deep space. The top-right to bottom-center explodes into a dramatic celestial light vortex, anchored in the bottom-right quadrant by a compact three-column glass card.
PALETTE (use these exact hex values)
- #070E1E — Void Midnight: Deepest background canvas tinting the left negative space and foundation.
- linear-gradient(135deg, #FFE8E8 0%, #D4F4FF 100%) — Pill Button Pearl: High-contrast primary CTA surface evoking an iridescent pearl finish.
- #FFFFFF — Text Primary White: Primary display text, button text, and high-emphasis labels.
- #94A3B8 — Text Secondary Slate: Body copy, subtitles, metadata, and default top navigation links.
- #4EE4BD — Aurora Mint: Icon container fill for 'Move faster' action and particle accents.
- #B566E2 — Nebula Violet: Icon container fill for 'Work smarter' and mid-spectrum vortex dust.
- #F07E64 — Solar Coral: Icon container fill for 'Prove impact' analytics card item.
TYPOGRAPHY
Typeface Inter Display (or Plus Jakarta Sans, SF Pro Display, Geist), weights 400/500/600/700. Sizes 12px caption, 13px body-sm, 14px body, 16px subheading, 18px body-lg, 24px heading, 76px display. Tracking -0.035em on display, -0.01em on body. The type choice is neutral, modern, and ultra-precise—a refined geometric grotesk like Inter Display or SF Pro. It acts as an architectural, grounded counterweight to the swirling, hyper-complex particle landscape, communicating clarity and engineering authority.
GEOMETRY & SPACING
Corner radii — cards 20px, links 999px, inputs 999px, buttons 999px. Spacing on a 8px unit, 20px gaps, 80px between sections, 1360px container, comfortable density.
DEPTH
Depth is created purely by luminosity and glass transparency rather than directional cast shadows. Lighter interactive elements (pearl buttons and glowing glyphs) appear nearest to the viewer, while the dark semi-transparent dock card sits suspended midway over the glowing dimensional particle terrain below.
IMAGERY
The imagery is a generative, pointillist cosmic landscape composed of millions of multicolored glowing particles forming topographic wave sheets and a celestial accretion vortex. Avoid flat vectors, generic stock photography, or cartoon 3D assets; only ethereal, fluid particle simulations with high luminance belong.
SIGNATURE DETAIL — the thing that makes this design itself
The juxtaposition of an iridescent pearlescent pill button against a swirling, multicolored particle accretion disk in deep cosmic space. If this design lacks the particle vortex or replaces the pearl pill with standard flat buttons, its identity immediately collapses.
MUST
- Keep typography predominantly left-aligned to clear room for the right-side organic visual vortex.
- Use pure white text only for primary headers and active UI; tint all secondary text with muted blue-slate (#94A3B8).
- Employ pill radii (999px) for buttons, badges, and avatars to contrast the expansive fluid curve behind them.
- Give interactive primary buttons a luminous pale pearlescent gradient instead of flat white.
AVOID
- Do not introduce sharp 0px or 4px square corners; all components rely on soft radii (20px to 999px).
- Avoid heavy dark drop shadows that occlude the glowing cosmic light source.
- Do not place high-density text blocks directly over the brightest white-yellow focal point of the particle storm.
- Avoid saturated, opaque primary button fills; preserve the translucent cosmic atmosphere.
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