Design a dark-mode abstract background artwork: deep space planetary drama anchoring developer tooling with radiant accretion fire and cinematic precision.
LAYOUT
Asymmetric single-screen desktop hero structure framed by a 68px top navigation bar. Left 45% accommodates the vertical editorial text stack: eyebrow, display title, two-line subhead, and dual button row. The bottom 15% anchors a 4-column balanced technical grid docked above the viewport fold, allowing the right-hand stellar visual to command the scene uninterrupted.
PALETTE (use these exact hex values)
- #0a0512 — Cosmic Abyss: Deepest canvas background behind the astral vortex and text stack
- #190f24 — Glass Trench: Background for bottom feature badges and subtle glass overlays with opacity
- #ffeacc — Solar Core: Center radiant light source and peak illumination highlights
- #e06b52 — Ember Terracotta: Primary CTA fill, logo mark, and key headline accent words
- #df7a66 — Nebula Peach: Eyebrow tag text, subtle dividers, and text-link accents
- #ffffff — Pure Starlight: Main headline lines, contrast button background, and active icons
- #b8acc4 — Atmospheric Violet: Supporting descriptions, nav links, and feature card body copy
TYPOGRAPHY
Typeface Inter Display (or Geist Sans, SF Pro Display, Plus Jakarta Sans), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 14px body, 15px subheading, 17px body-lg, 68px display. Tracking -0.03em on display, 0.12em on eyebrow badges. Modern, authoritative, and frictionless grotesque sans-serif with geometric precision. It balances high-velocity technical capability with epic scale, keeping code-adjacent language grounded while avoiding cold brutalism. Geist Sans or Inter Display are ideal open-source substitutes for reproduction.
GEOMETRY & SPACING
Corner radii — cards 12px, links 4px, inputs 999px, buttons 999px. Spacing on a 4px unit, 28px gaps, 96px between sections, 1360px container, comfortable density.
DEPTH
Depth is created purely through luminous exposure and atmospheric perspective rather than box-shadow offsets. High-energy light sources behind planetary rims naturally elevate foreground silhouettes and textual typography over background space. Floating feature badges rely on translucent glassmorphism with 1px white border lines (12% opacity) rather than heavy drop shadows.
IMAGERY
Photorealistic generative cosmic landscapes showcasing accretion vortexes, event horizons, and volcanic stellar terrain. Color transitions flow from deep violet into fiery orange and supernova white. Cartoonish vector space illustrations, flat icons, or standard corporate stock photos are strictly forbidden.
SIGNATURE DETAIL — the thing that makes this design itself
The massive celestial accretion vortex washing intense terracotta light over dark planetary silhouettes, mirrored directly into the peach-colored dual-tone headline phrasing 'cosmic speed'. The design falls apart if replaced by standard SaaS abstract shapes or flat corporate graphics.
MUST
- Retain the warm terracotta (#e06b52) to solar gold illumination against pitch-black cosmic backdrops.
- Use full pill radii (999px) strictly on conversion buttons in header and hero.
- Keep technical dock feature containers translucent so the planetary background horizon bleeds through.
- Split display titles into dual values: crisp white for action verbs, warm peach for cosmic nouns.
AVOID
- Never introduce cool primary blues or generic SaaS purple gradients; stay within ember, peach, and void.
- Avoid opaque card containers in the hero that sever the terrain artwork beneath.
- Do not drop shadows under headlines; let visual contrast handle readability naturally.
- Never shrink the primary display heading below 48px on wide screens; maintain astronomical scale.
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. Try in DraPub 
