Design a dark-mode abstract background artwork: deep void illuminated by stellar cyan luminescence and fiery copper gradients.
LAYOUT
The canvas is structured around an asymmetrical split. The top 10% hosts a spacious navigation bar. The mid-tier allocates the left half to an stacked editorial column (eyebrow, 3-line display headline, supporting paragraph, CTA button group, social proof avatars) while allowing the right half to showcase the vast nebula. The bottom 15% anchors the composition with an edge-to-edge transparent metric rail.
PALETTE (use these exact hex values)
- #070B11 — Void Black: Deep primary canvas surface backing the entire viewport and typography
- #52B8E5 — Nebula Cyan: Atmospheric light glow, cosmic particulate highlights, and subtle accent points
- #EB763C — Solar Flare Orange: Primary CTA button surface gradient, key phrase text gradient, and warm horizon glows
- #D16B38 — Copper Glow: Eyebrow text, secondary warm highlights, and button perimeter ambient cast
- #FFFFFF — Pure Starlight: Primary headings, active navigational text, and high-emphasis labels
- #9EABBA — Dust Silver: Supporting descriptive body copy, passive navigation links, and metric sublabels
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, Manrope, DM Sans), weights 400/500/600/700. Sizes 11px caption, 12px body-sm, 15px body, 16px subheading, 20px heading, 64px display. Tracking -0.03em at display, 0.08em at uppercase captions. The typographic tone is authoritative, clean, and forward-looking. Plus Jakarta Sans lends modern geometric stability with open counters, balancing technical precision with approachable modern software aesthetics. It avoids cold robotic tech tropes by employing warm organic display phrasing.
GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 999px, buttons 999px. Spacing on a 4px unit, 24px gaps, 96px between sections, 1320px container, comfortable density.
DEPTH
Depth is created entirely through photographic atmospheric backlighting rather than UI drop shadows. The backdrop transitions from an infinite black void on the left to an incandescent diagonal stellar ridge on the right. Subtle glowing orange and cyan ambient halos softly cast behind buttons and network nodes to lift UI elements off the darkness.
IMAGERY
Photorealistic, high-resolution deep-space astronomical photography showcasing a diagonal stellar nebula, cosmic dust particles, and glowing constellation network lines. Avoid cartoonish space vectors, flat planet illustrations, or generic stock galaxy spirals lacking tactile textured dust and grit.
SIGNATURE DETAIL — the thing that makes this design itself
The diagonal clash between the pitch-black negative space on the left and the incandescent copper-and-cyan cosmic dust cloud on the right, punctuated by the final word of the headline picking up the copper flame color.
MUST
- Reserve the left 40-45% of horizontal space strictly for dark background and typography.
- Use high-contrast pure white (#FFFFFF) for the first two headline lines to ensure immediate readability against void black.
- Maintain pure pill geometry (border-radius: 999px) on all interactive buttons and tags.
- Apply warm copper (#EB763C) strictly to focal words, primary CTAs, and active navigational cues.
AVOID
- Do not place body copy or CTA buttons directly over high-luminosity nebula clouds.
- Do not use square or sharp corners (under 12px) for buttons or metric badges.
- Do not add saturated rainbow hues; stick strictly to the dual complementary palette of cyan and copper.
- Do not use drop shadows on text headings; rely entirely on high contrast against #070B11.
OUTPUT
Render as a clean, pixel-crisp UI design at roughly 3424:2416. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks. 在 DraPub 中尝试 
