Design a dark-mode abstract background artwork: deep void canvas illuminated by an iridescent hyper-dense nebular vortex and technical telemetry.
LAYOUT
The interface is governed by an asymmetric split canvas. The left column (spanning approximately 55% width) holds the visual hierarchy: navigation top, 64px display heading mid-upper, CTA pair, and a baseline telemetry stat strip. The right 45% is dedicated entirely to the cosmic nebula focal vortex, terminated only by subtle vertical slide pagination dots at the bottom edge.
PALETTE (use these exact hex values)
- #050711 — Void Abyss: dominant background canvas absorbing the top and left negative space
- #7ee6dc — Nebula Core Cyan: stat telemetry values, gradient destination stop, and high-priority directional indicators
- #f7b4c6 — Dawn Rose: gradient start stop across primary action pill and hero title emphasis
- #a6b4f7 — Periwinkle Mist: midway transitional glow inside the heading gradient text
- #ffffff — Starlight White: display headings, active navigation text, and primary button labels
- #8493a8 — Telemetry Slate: subheadings, metric category descriptors, and inactive navigation links
- linear-gradient(90deg, #f7b4c6 0%, #7ee6dc 100%) — Atmospheric Gradient: fill for high-priority interactive CTA pills and active accent indicators
- #1b2434 — Coordinate Grid: subtle technical crosshairs and dashed telemetry lines
TYPOGRAPHY
Typeface Inter (or Geist Sans, Plus Jakarta Sans, SF Pro Display), weights 400/500/600. Sizes 12px caption, 14px body-sm, 16px body, 20px subheading, 28px heading, 64px display. Tracking -0.03em at display, 0.01em at body. Clean, engineered, and authoritative. By relying on a modern neo-grotesque sans-serif (such as Inter or Geist Sans) at light to medium weights, the typography avoids sci-fi kitsch and retains enterprise credibility. Subtle negative tracking at display scales keeps the large words tightly bound and legible against the deep starfield.
GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 9999px, buttons 9999px. Spacing on a 8px unit, 32px gaps, 120px between sections, 1360px container, airy density.
DEPTH
Depth is created entirely via light emissions against black space rather than traditional drop shadows. The deep #050711 base recedes infinitely, while the vibrant cosmic nebula casts atmospheric cyan and magenta ambient light into the scene. UI components float weightlessly as luminous flat vectors over the deep space canvas.
IMAGERY
Features a photorealistic cosmic deep-field nebula swirling diagonally from the bottom-right corner upwards into space. It is composed of fine particulate stardust, glowing teal clouds, and pink celestial light streams. Mundane 3D floating icons, generic hardware racks, or corporate photography would completely break this aesthetic.
SIGNATURE DETAIL — the thing that makes this design itself
The harmonious blend of a photorealistic astral vortex with crisp, technical UI telemetry—anchored specifically by the rose-to-cyan gradient on both the key headline words and the primary interactive pill. Misusing it involves placing text directly across the high-luminosity center of the nebula or using harsh non-gradient neon colors.
MUST
- Keep the left 50% of the viewport largely dark to guarantee crisp text legibility.
- Use a continuous smooth horizontal gradient on the primary pill button and key title words.
- Render all stat values in luminous cyan (#7ee6dc) to communicate active system telemetry.
- Employ strict full-pill border-radii (9999px) on all interactive buttons.
AVOID
- Do not place busy cosmic gas textures directly behind the primary headline typography.
- Never use sharp, rectangular corners for interactive buttons or action chips.
- Avoid multi-colored borders or heavy card containers that disrupt atmospheric depth.
- Do not use warm yellow or orange accents; preserve the cyan-rose-obsidian palette.
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 中尝试 
