Design a dark-mode abstract background artwork: deep cosmos particle telemetry meeting precision cybernetic intelligence.
LAYOUT
The hero uses an asymmetric split layout within a 1360px container. The left 50% accommodates the text lockup: uppercase mono kicker, massive display heading, 2-line description, twin CTAs, 3-column micro-features, and a pinned bottom metric row. The right 50% is reserved for the sweeping planetary particle nebula and bottom-right HUD telemetry telemetry graph.
PALETTE (use these exact hex values)
- #020813 — Deep Space Canvas: Absolute background canvas for the entire viewport.
- #081326 — Subtle Surface Tint: Semi-transparent backdrop for secondary action buttons and telemetry cards.
- #9FE824 — Neon Chartreuse: Primary CTA fill, glowing accents, and active state indicators.
- #38BDF8 — Cyan Flare: Headline emphasis, planetary rim lighting, and primary telemetry lines.
- #818CF8 — Electric Indigo: Secondary telemetry graphics, metric values, and atmospheric particle bleed.
- #FFFFFF — Pure White: Primary heading typography and dominant hero display text.
- #64748B — Muted Cyan Fog: Hero description paragraphs, secondary labels, and inactive nav items.
- #1E3A5F — Cyan Border Glow: Outlines on secondary buttons, telemetry frames, and divider rules.
TYPOGRAPHY
Typeface Space Grotesk (or Syne, DM Sans, Plus Jakarta Sans), weights 400/500/600. Sizes 11px caption, 13px body-sm, 15px body, 18px subheading, 28px heading, 54px display. Tracking -0.03em at display, 0.08em on tags. The typography projects ruthless analytical precision paired with high-velocity intelligence. Space Grotesk brings an architectural, slightly quirky modernist confidence to the display headline, while JetBrains Mono injects strict engineering credibility across the auxiliary copy. Inter or Syne can be used as reliable fallbacks.
GEOMETRY & SPACING
Corner radii — cards 8px, links 2px, inputs 6px, buttons 6px. Spacing on a 4px unit, 20px gaps, 96px between sections, 1360px container, airy density.
DEPTH
Depth is achieved through luminescence and atmospheric transparency rather than conventional drop shadows. Background particle clouds emit radiant colored halos that softly illuminate overlay frames, while foreground HUD components utilize translucent 1px cyan borders (#1E3A5F) over dark tinted glass (#08132680).
IMAGERY
The imagery is composed of a hyper-dense 3D point-cloud globe erupting into an organic celestial nebula in vivid chartreuse, electric cyan, and indigo. It conveys astronomical scale combined with AI telemetry data. Flat vector illustrations, stock photography, or photorealistic globes would completely violate the cyber-astronomy aesthetic.
SIGNATURE DETAIL — the thing that makes this design itself
The signature move is the luminescent planetary point-cloud dissolving into an asymmetrical space nebula, anchored by delicate UI telemetry crosshairs and a single, explosive neon-chartreuse CTA button. Designers frequently ruin this look by making the particle visual completely centered or using muddy multi-colored gradients instead of focused chromatic flares (cyan/lime/indigo).
MUST
- Restrain high-saturation chartreuse (#9FE824) to exactly one primary CTA and key micro-accents.
- Use JetBrains Mono or similar coding typefaces strictly for kickers, stats, metrics, and navigation items.
- Layer the 3D particle sphere behind UI text to preserve legibility while giving vast spatial depth.
- Keep card surfaces semi-transparent (#081326B3) with subtle 1px cyan outlines rather than solid fill colors.
AVOID
- Do not introduce warm hues like orange, red, or warm yellow; stick strictly to cyan, lime, and violet.
- Never use heavy drop shadows; create elevation solely through optical luminosity and border hair lines.
- Do not round card corners beyond 8px; this interface relies on technical, precision-machined geometry.
- Avoid solid opaque light containers or modal backdrops anywhere on the canvas.
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 中尝试 
