Design a dark-mode abstract background artwork: an obsidian cosmic expanse ignited by an electric magenta particle vortex and frosted telemetry glass.
LAYOUT
The viewport uses an asymmetrical split structure: the left 50% hosts clean informational typography, actionable CTAs, and a wide-span metrics card. The right 50% is reserved for the soaring diagonal particle galaxy that wraps around and under the interface. An ethereal global header spans the ceiling, and the bottom center resolves with a low-key social proof logo cluster.
PALETTE (use these exact hex values)
- #07071a — Obsidian Void: Deepest canvas background behind all particle simulations and UI layers
- #ff3b81 — Supernova Pink: Primary conversion button fill, core starlight glows, and micro brand emblem fill
- #8b5cf6 — Cosmic Violet: Secondary particle swirl tones, subtle border highlights, and metric icon accents
- #ffffff — Starlight White: High-emphasis hero display headings and prominent metric numerical values
- #9c9db8 — Nebula Mist: Subordinate body description text, unselected nav links, and metadata descriptions
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, Geist, SF Pro Display), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 16px body-lg, 28px heading, 58px display. Tracking -0.03em at display, 0 at body. The type choice (Plus Jakarta Sans or similar contemporary geometric neo-grotesque) conveys razor-sharp precision, computational authority, and calm engineering confidence. Its crisp open apertures counteract the dense cosmic background, remaining impeccably legible at both 58px display scale and 11px micro-telemetry. Inter or Geist serve as drop-in open-source substitutions with virtually identical geometric rigor.
GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 999px, buttons 999px. Spacing on a 4px unit, 24px gaps, 80px between sections, 1280px container, comfortable density.
DEPTH
Depth is created purely through luminous layering and optical atmospheric perspective rather than classical drop shadows. The deep spatial background recedes into infinity, while glowing particles emit soft volumetric fields that illuminate midground frosted glass cards. Thin, glowing 1px strokes (rgba(139, 92, 246, 0.22)) simulate edge-lit translucent surfaces floating above the particle terrain.
IMAGERY
The visual hero is an algorithmic, 3D particle vortex resembling a luminous galactic accretion disk rendered in high-density points. Undulating particle mesh waves flow beneath the UI, simulating quantum or data velocity fields. Flat photographic cutouts, real-world photography, or cartoon vector illustrations would violently break the ethereal technological tone.
SIGNATURE DETAIL — the thing that makes this design itself
The standout signature is the celestial particle accretion vortex: an organic, spiraling swarm of multi-scale neon magenta and violet points that curves diagonally across the canvas, visually embodying 'discovery at light speed.' It works because it stays physically decoupled from text areas, serving as an atmospheric light source rather than visual clutter; it is misused whenever placed directly behind body paragraphs or flattened into static bitmap art.
MUST
- Retain the deep space void (#07071a) as the anchor for all particle glow effects.
- Use pill radii (999px) strictly for interactive buttons and pill indicators.
- Confine heavy visual brightness to the particle vortex in the upper right quadrant.
- Pair 58px display headlines with generous line height (1.08-1.12) to ensure rapid legibility.
AVOID
- Never introduce opaque, flat grey or solid white card backgrounds.
- Do not use sharp 0px corners; all surfaces must feature either 16px or 999px curvature.
- Avoid warm yellow, green, or red accents that clash with the neon magenta-violet spectrum.
- Never clutter the left typographic chamber with competing dense visuals or particle noise.
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. 在 DraPub 中尝试 
