Design a dark-mode abstract background artwork: deep cosmos intelligence rendered through luminous bioluminescent glass spheres and fine scientific telemetry.
LAYOUT
The layout is governed by an asymmetrical split-screen composition anchored by a 1360px container. The left 45% is dedicated to a structured editorial stack (kicker, oversized display headline, mono abstract, dual pill CTAs). The right 55% is an expansive dark canvas dedicated to atmospheric 3D molecular art with floating HUD telemetry. Across the bottom spans a 4-column border-separated technical ribbon anchoring four key product pillars.
PALETTE (use these exact hex values)
- #050510 — Cosmic Void: Root background canvas color absorbing all outer layout margins.
- #0A0B1A — Abyssal Navy: Footer strip surface and subtle radial container shading.
- #1C1F38 — Telemetry Border: Subtle 1px divider lines, pill boundaries, and structural frames.
- #FF3377 — Bioluminescent Pink: Headline emphasis color, gradient starts, and HUD focal markers.
- #8447E8 — Cerebral Violet: Mid-point gradient blending agent for primary buttons and nebular glows.
- #5B75FF — Plasma Cyan: Orbital wireframes, glowing rim reflections, and secondary button gradient stop.
- #FFFFFF — Pure Starlight: Primary headings, primary button labels, and high-priority metrics.
- #8E92B2 — Muted Spec: Technical captions, navigation labels, and body descriptions.
- linear-gradient(90deg, #FF3377 0%, #5B75FF 100%) — CTA Gradient: Primary interactive action button background fill.
TYPOGRAPHY
Typeface Space Grotesk (or Syne, Uncut Sans, Plus Jakarta Sans), weights 400/500/700. Sizes 11px caption, 12px body-sm, 14px body, 16px subheading, 20px heading, 64px display. Tracking -0.03em display, -0.01em headers. The typographic identity blends high-tech research authority with progressive machine learning ambition. The geometric display sans provides a clean architectural foundation, while monospaced metadata evokes terminal telemetry and empirical data science. Substitute Space Grotesk with Syne for higher stylistic flair, or IBM Plex Mono to maintain strict laboratory precision.
GEOMETRY & SPACING
Corner radii — cards 8px, links 2px, inputs 999px, buttons 999px. Spacing on a 4px unit, 32px gaps, 96px between sections, 1360px container, comfortable density.
DEPTH
Depth is rendered purely via volumetric light diffusion and atmospheric nebulas rather than dropped shadows. Glowing magenta and indigo light sources bleed behind transparent glass spheres and wireframe geometry, while fine 1px vector lines float on a separate Z-plane in front of the 3D volume.
IMAGERY
The imagery language centers on photorealistic yet surreal scientific glass structures: translucent bubbles, organic neural networks, and atomic bonds illuminated by cosmic pink-and-blue rim lighting. Vector wireframes, dotted starfields, and grid crosshairs overlay the 3D rendered assets to reinforce computational intelligence. Avoid flat cartoon vector illustrations, corporate stock photos, or mundane server rack imagery.
SIGNATURE DETAIL — the thing that makes this design itself
The design's signature element is the combination of translucent bioluminescent glass sphere renderings with ultra-fine, angled vector HUD telemetry callouts floating directly over them. It creates the impression of looking through an advanced electron microscope into deep space. Misusing it involves turning the HUD lines into clumsy thick arrows or substituting the organic glowing glass with flat vector blobs.
MUST
- Retain high contrast between the #050510 cosmic ground and crisp #FFFFFF headline text.
- Use the #FF3377 pink accent sparingly on key verbs and telemetry targets to guide scanning.
- Enclose secondary interactive elements in fully rounded 999px pills with 1px structural borders.
- Pair geometric sans display typography with precision monospaced fonts for metadata readouts.
AVOID
- Do not use solid bright surface cards; surfaces must remain deep dark and translucent.
- Do not apply heavy drop shadows; rely entirely on radial colored nebular glows for depth.
- Do not mix rounded card corners larger than 8px with sharp structural divider lines.
- Do not use generic sans-serif for numbers; all quantitative figures must be monospace.
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 中尝试 
