Design a dark-mode abstract background artwork: deep cosmic void illuminated by iridescent particle clouds and crisp scientific telemetry.
LAYOUT
The viewport uses an asymmetrical split layout inside a 1360px container. The left 45% is dedicated to structural typography: logo, stacked multiline hero display, concise body copy, dual action triggers, and bottom trust signals. The right 55% hosts the interactive planetary particle cloud, accented with floating HUD telemetry anchored to the top-right quadrant.
PALETTE (use these exact hex values)
- #070913 — Cosmic Void: Deep background canvas base absorbing ambient particle luminescence across the entire viewport.
- #0e1428 — Atmospheric Indigo: Slightly lifted dark tone in midground nebula areas and telemetry card backing.
- linear-gradient(90deg, #f2aab8 0%, #9be2db 100%) — Primary Gradient: High-priority CTA button backgrounds and ambient halo reflections.
- #4ce0d2 — Particle Cyan: Active navigation indicator dots, subtle reticle crosshairs, and cool stardust highlights.
- #f6a482 — Nebula Coral: Warm dynamic highlights in dense planetary dust clouds and lower light ribbons.
- #ffffff — Starlight White: Primary hero heading, major quantitative statistics, and emphasized interactive labels.
- #8493a8 — Muted Slate: Body descriptive copy, inactive navigation items, and secondary helper captions.
- #1d2a3d — Reticle Grid: Hairline coordinate markings, technical corner brackets, and crosshairs.
TYPOGRAPHY
Typeface Space Grotesk (or Syne,Cabinet Grotesk,Inter), weights 400/500/600. Sizes 11px caption, 12px body-sm, 14px body, 16px body-lg, 18px subheading, 22px heading, 64px display. Tracking -0.03em at display, 0 at body. The type system communicates cutting-edge scientific simulation and computational authority. Space Grotesk provides a balanced blend of clinical precision and modern warmth, while JetBrains Mono establishes instrument telemetry authenticity. If substituting, use technical sans-serifs with geometric chassis and strict monospaced companions.
GEOMETRY & SPACING
Corner radii — cards 8px, links 2px, inputs 999px, buttons 999px. Spacing on a 4px unit, 20px gaps, 96px between sections, 1360px container, airy density.
DEPTH
Depth is created entirely through atmospheric luminosity and particle density rather than physical box shadows. Dense, bright particle clusters simulate three-dimensional planetary mass emerging from the deep void canvas (#070913). Overlaid UI elements float on top like transparent glass instrument panels marked with hairline reticles.
IMAGERY
The imagery language is computational cosmology: volumetric point-cloud simulations representing planets, orbital rings, and galactic dust ribbons. Gradients drift organically from warm rose gold through magenta to cold electric teal. Never use photographic celestial stock or glossy CGI renders; the aesthetics must remain composed of distinct discrete computational data points.
SIGNATURE DETAIL — the thing that makes this design itself
The signature element is the combination of an iridescent 3D particle-point sphere with fine hairline cyan HUD reticles floating in deep space. It transforms an ordinary dark-mode landing page into an authentic scientific compute terminal. It is misused when rendered as a blurry bitmap glow instead of high-density discrete vector points.
MUST
- Retain at least 50% open black void space on the left to ensure headline readability.
- Render the central celestial body as a discrete particle cloud rather than a flat shaded sphere.
- Use 1px hairline coordinate grids and crosshairs sparingly to convey scientific instrument precision.
- Keep primary button text dark (#0a101d) against the pastel pink-to-cyan gradient background.
AVOID
- Do not introduce solid opaque card containers that obscure the background stardust particles.
- Never use saturated neon primaries; keep interface hues restrained to soft rose, cyan, and slate.
- Do not center-align the hero text block; it must remain left-aligned against the void.
- Avoid heavy drop shadows or thick borders; depth is strictly atmospheric and optical.
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 中尝试 
