Design a dark-mode abstract background artwork: a deep-space particle ignition casting iridescent teal and violet illumination across disciplined technical typography.
LAYOUT
Asymmetrical two-column hero architecture anchored by an ultra-wide 1360px container. Left column contains structured vertical narrative stack: technical badge, 2-line display title, body paragraph, twin CTA buttons, and bottom three-column stat row. Right 55% of the frame is dedicated to the expansive particle sphere asset.
PALETTE (use these exact hex values)
- #030718 — Cosmic Void: Deepest background layer behind the hero artwork and layout edges.
- #080f2b — Subtle Surface Navy: Semi-transparent backdrop layer for navigation bar and technical frames.
- #fffdf7 — Incandescent Core: Center highlight of the celestial particle sphere and brightest light source.
- #22d3ee — Hyper Cyan: Orb periphery glow, particle streamers, and metric glyph accents.
- #ec4899 — Electric Fuchsia: Right-hand corona haze and terminal gradient hue on primary action button.
- linear-gradient(90deg, #38bdf8 0%, #c084fc 50%, #f472b6 100%) — Primary Gradient: Vibrant fill for the primary Explore Platform pill button.
- #ffffff — Text Crisp White: Display headings, numeric metrics, brand title, and active button text.
- #94a3b8 — Muted Slate Text: Hero description copy, navigation links, and metric description subtext.
- #1e293b — Technical Hairline: Precision 1px border lines, frame corners, and crosshair reticles.
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, General Sans, Syne), weights 400/500/600. Sizes 11px caption, 13px body-sm, 14px subheading, 15px body, 26px heading, 54px display. Tracking -0.02em at display, +0.06em at micro labels. The typographic tone is clinical, forward-looking, and architectural. By employing Plus Jakarta Sans or Inter at lighter weights with extended tracking on microcopy, it projects cutting-edge laboratory precision rather than aggressive marketing hype.
GEOMETRY & SPACING
Corner radii — cards 8px, links 2px, inputs 6px, buttons 999px. Spacing on a 4px unit, 24px gaps, 96px between sections, 1340px container, comfortable density.
DEPTH
Depth is rendered entirely through optical luminance rather than surface drop shadows. The backdrop sits in absolute blackness, while ambient light flares and glowing micro-particles create spatial planes that sit optically in front of the canvas.
IMAGERY
Features high-density volumetric particle clouds forming a celestial orb with internal light refraction. The aesthetic mimics astronomical spectroscopy and quantum data visualizations; literal photography or generic 3D glossy shapes would conflict heavily with the system.
SIGNATURE DETAIL — the thing that makes this design itself
The brilliant celestial core burning white-hot through swirling cyan and fuchsia particle dust, paired with hairline HUD crosshairs. It is commonly misused by making the orb too small or muddying the colors with over-saturated orange tones instead of crisp cyan-to-magenta spectral dispersion.
MUST
- Keep the typography weight light (300-400) on large headlines to maintain scientific elegance.
- Use radial diffusion behind glowing elements to seamlessly blend particle rings into the #030718 canvas.
- Constrain colorful gradients strictly to interactive elements and generative background imagery.
- Incorporate subtle technical HUD markers like crosshairs and dot columns at viewport boundaries.
AVOID
- Do not use heavy font weights (700+) on hero titles; it destroys the delicate technical aesthetic.
- Do not apply drop shadows to buttons; illumination must come from background light bleed instead.
- Do not crowd the right side of the layout where the celestial particle sphere needs prominence.
- Avoid warm earthy yellows or browns; strictly adhere to cyan, cool white, and electric fuchsia spectrums.
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 中尝试 
