Design a dark-mode abstract background artwork: luminescent particle spheres suspended in oceanic darkness anchor high-voltage lime typography and translucent telemetry cards.
LAYOUT
The layout uses an asymmetric split-screen composition within a 1280px maximum container. The left side stacks navigational identity, a high-impact 3-line display headline, a brief paragraph, dual pill CTAs, a 4-column feature tray, and metric counters; the right side showcases an expansive glowing 3D particle sphere surrounded by orbiting glass HUD cards and a bottom-aligned testimonial pod.
PALETTE (use these exact hex values)
- #040B0E — Void Black: Dominant deep background canvas across the entire viewport
- #08161C — Glass Teal Surface: Semi-transparent backdrop for HUD telemetry cards and feature containers
- #1B3B44 — Cyan Wire Stroke: Subtle 1px boundary stroke enclosing frosted glass cards
- #D4FF37 — High-Voltage Lime: Primary pill buttons, headline emphasis, brand mark, and active progress fills
- #1CE5C3 — Telemetry Cyan: Particle mesh highlights, active orbital arcs, and technical icon fills
- #FFB82E — Solar Flare Amber: Atmospheric horizon rim glow behind the primary planetary mesh
- #FFFFFF — Pure Crisp White: High-priority headline text and primary numeric stat counters
- #7E939C — Muted Slate Cyan: Explanatory body copy, supporting captions, and inactive navigation links
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, Space Grotesk, DM Sans), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 18px subheading, 28px heading, 38px heading-lg, 58px display. Tracking -0.03em at display, 0.01em at caption. The typography is technical, confident, and engineered, projecting an aura of advanced artificial intelligence and modern capability. Plus Jakarta Sans or Inter provides geometric precision with perfectly circular punctuation and crisp numerals suited for scientific telemetry.
GEOMETRY & SPACING
Corner radii — cards 18px, links 4px, inputs 999px, buttons 999px. Spacing on a 4px unit, 24px gaps, 96px between sections, 1280px container, comfortable density.
DEPTH
Elevation is created through luminous optical depth rather than traditional drop shadows. Translucent glass surfaces (rgba(8, 22, 28, 0.65)) with 1px borders float over layered radial particle spheres, wireframe orbital rings, and a high-intensity background atmospheric light burst.
IMAGERY
Imagery consists exclusively of generative point-cloud data globes, mathematical orbit paths, and glowing particle nebulae. Photographic portraits are strictly restricted to miniature circular avatars (28px to 32px) within social proof widgets.
SIGNATURE DETAIL — the thing that makes this design itself
The two-tone stacked display headline (pure white transitioning into radiant electric chartreuse) floating in close orbit beside a glowing 3D point-cloud globe adorned with live glassmorphism HUD cards.
MUST
- Reserve the #D4FF37 lime color strictly for high-priority CTA actions and pivotal headline emphasis words.
- Enclose all floating telemetry modules in 18px rounded glassmorphic panels with subtle 1px border strokes.
- Pair pure white display typography with lime accent lines to establish clear reading hierarchy.
- Position telemetry cards with clear spatial layering around the central 3D particle sphere.
AVOID
- Do not introduce opaque light backgrounds, grey cards, or flat pure-black (#000000) boxes.
- Do not use sharp 0px or 4px boxy corners on HUD widgets or primary interactive buttons.
- Do not saturate entire card backgrounds with solid neon colors; keep saturation inside borders, glyphs, and buttons.
- Do not use generic stock photography; all graphics must remain point-cloud meshes, orbits, and data wireframes.
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 中尝试 
