Design a dark-mode abstract background artwork: deep void canvas illuminated by an iridescent particle vortex with precision glassmorphic telemetry cards.
LAYOUT
The viewport is organized as an asymmetrical two-column hero stage above a structured five-column telemetry dock. The left 40% holds the narrative stack: eyebrow, massive display title, explanatory body, and twin CTA triggers. The right 60% is occupied by the visual spectacle of the particle vortex. Spanning the entire bottom horizontal baseline is an evenly distributed grid of five telemetry cards.
PALETTE (use these exact hex values)
- #030509 — Singularity Void: Absolute canvas ground and core circular shadow void
- #080c14 — Card Glass Panel: Background tint for bottom metric cards with backdrop blur
- #f8fafc — Star White: Primary headline text, numerical values, and high-emphasis labels
- #94a3b8 — Starlight Muted: Body copy, inactive nav links, and secondary metric labels
- linear-gradient(90deg, #ff8c37 0%, #e11d48 50%, #9333ea 100%) — Plasma Gradient: Primary CTA fill and highlighted headline text treatments
- #38bdf8 — Cyberspace Cyan: Active navigation underline, datasets card border, and telemetry icon
- #f59e0b — Solar Flare: Overline category label and model inferences telemetry icon
- #a855f7 — Nebula Purple: Collaborations telemetry icon and ambient particle glow
- #ef4444 — Laser Crimson: Security metric telemetry accent icon and card glow stroke
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, Geist, SF Pro Display), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 17px body-lg, 24px heading, 32px heading-lg, 60px display. Tracking -0.03em at display, 0.15em at overline. The typographic tone is authoritative, scientific, and hyper-modern. Set in a geometric sans-serif like Plus Jakarta Sans or Inter, the letterforms provide clean mathematical contrast to the chaotic, fluid particle simulations behind them. Substitution must strictly stick to clean neo-grotesque or geometric sans families with robust tabular figures for data readability.
GEOMETRY & SPACING
Corner radii — cards 10px, links 2px, inputs 9999px, buttons 9999px. Spacing on a 8px unit, 16px gaps, 80px between sections, 1360px container, comfortable density.
DEPTH
Depth is created purely through luminous chromatic stratification against an infinite #030509 void rather than traditional drop shadows. Translucent UI panels (rgba(10, 15, 26, 0.55)) float above the particle streams using frosted backdrop blur. The visual focal point punches backwards into negative space through the jet-black singularity at the center of the particle storm.
IMAGERY
The imagery language is defined by computational physics, astrophysics, and generative particle flows. Swarms of microscopic glowing nodes coalesce into celestial tendrils, balancing cryogenic cyan light against solar fusion orange and magenta. Flat vector illustrations or standard corporate photographic assets would completely violate this aesthetic.
SIGNATURE DETAIL — the thing that makes this design itself
The signature element is the bichromatic gravitational singularity: a jet-black negative space circle framed by a cold cyan particle stream on the left colliding with a solar vermilion particle torrent on the right. To use it properly, allow UI text to breathe over the quiet left shoulder while keeping the turbulent high-contrast collision strictly isolated to the visual side.
MUST
- Anchor the visual center of gravity with a central circular black void surrounded by dense particles.
- Use distinct semantic colors (cyan, amber, purple, crimson) for each telemetry metric card's icon and border.
- Keep typography strictly sans-serif and crisp to contrast with the organic fluid dynamics of the background.
- Ensure all text remains legible on the dark left side, reserving the fiery vortex for the right and center.
AVOID
- Do not allow particles or glow effects to obscure the body text or headline contrast on the left.
- Do not use rectangular sharp-cornered buttons; interactive buttons must use full pill radius.
- Do not set telemetry card backgrounds to opaque solid colors; always use translucent glass.
- Do not introduce decorative serifs or whimsical display fonts.
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