Design a dark-mode abstract background artwork: deep orbital dark space illuminated by coronal flares and delicate luminescent telemetry traces.
LAYOUT
The composition follows an asymmetrical two-column hero architecture with a bottom telemetry deck. The left column holds the brand mark, a 3-line display headline, concise body copy, and twin CTAs. The right column is commanded by the glowing solar planetary graphic, while the bottom spans a 4-column balanced grid of telemetry feature cards tied together by an orbital trajectory spline.
PALETTE (use these exact hex values)
- #05070E — Cosmic Void: Deepest canvas background providing high contrast for glowing starfields and solar flares.
- linear-gradient(135deg, #FFA84A 0%, #E2633E 100%) — Solar Flare Gradient: Hero gradient used for highlighted headline text and the primary pill CTA button.
- #FFD15C — Coronal Core: Bright incandescent glow point used on trajectory node waypoints and stellar accents.
- #E2633E — Active Glow Border: Top border highlight and corner flare on the active telemetry feature card.
- #FFFFFF — Starlight White: Primary headline text, active navigation elements, and primary card titles.
- #8491A5 — Muted Nebula: Secondary description copy, inactive nav links, and telemetry card body text.
TYPOGRAPHY
Typeface Chakra Petch (or Space Grotesk, Orbitron, Rajdhani), weights 500/700. Sizes 11px caption, 12px body-sm, 14px body, 16px body-lg, 18px subheading, 64px display. Tracking -0.01em. The voice is architectural, aerospace-grade, and computational. The chamfered display face feels engineered rather than drawn, conveying raw computational horsepower and precision. Pairing it with a disciplined monospace family like Space Mono creates the unmistakable sensation of an orbital mission control telemetry HUD.
GEOMETRY & SPACING
Corner radii — cards 12px, links 4px, inputs 8px, buttons 999px. Spacing on a 8px unit, 16px gaps, 72px between sections, 1240px container, comfortable density.
DEPTH
Depth is created entirely through optical luminosity and backdrop-filter translucency rather than material drop shadows. Feature cards appear as thin sheets of HUD glass hovering over a dark void, catching specular rim lighting from the massive background solar body. Glowing anchor nodes and hair-thin trajectory lines introduce layered focal planes between canvas and content.
IMAGERY
A hyper-detailed, high-resolution celestial eclipse featuring a shadowed planetary sphere engulfed by a violent solar coronal flare on the right. Subtle atmospheric nebulae, stardust scatter, and technical dot matrix overlays texture the deep space background. Cartoonish assets, bright photographic daylight, or generic 3D abstract blobs would completely break this aesthetic.
SIGNATURE DETAIL — the thing that makes this design itself
The golden orbital spline line that arcs from the primary CTA button directly down into the feature card deck, studded with glowing amber waypoints. It physically connects user action to system capabilities while visually reinforcing the planetary orbital theme. Misusing it means making it too thick or turning it into a decorative squiggle without functional anchor points.
MUST
- Keep the primary display title sharp and geometric, using gradient color exclusively on the final line.
- Use 1px hairline borders with translucent rgba values for all card boundaries.
- Anchor the right half of the viewport with dark astronomical mass lit by intense warm rim lighting.
- Ensure telemetry cards maintain translucent blur backgrounds to let ambient cosmic light bleed through.
AVOID
- Do not use opaque solid grey or white card backgrounds that break the immersive void.
- Do not apply heavy drop shadows; depth must come strictly from luminous glows and translucent glass.
- Avoid standard rounded sans-serifs for the headline; maintain chamfered or architectural geometry.
- Never saturate the left side with background graphics; keep text areas high-contrast black.
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 中尝试