Design a dark-mode abstract background artwork: deep cosmos meeting radiant stellar ignition through delicate technical typography and point-cloud astrodynamics.
LAYOUT
The page follows an asymmetric split layout within a 1360px centered constraint. The left column (spanning ~450px) houses the logo, navigation anchors, stacked display headline, descriptive sub-paragraph, and dual action CTAs. The right sector is dedicated to the cosmic planetary illustration. The bottom shelf unites both sides with a baseline telemetry block on the left and a floating system status capsule on the right.
PALETTE (use these exact hex values)
- #0B0818 — Deep Void Canvas: Deep structural backdrop on the left edge hosting primary navigation and headline copy.
- #1B122C — Twilight Indigo: Mid-tone night-sky hue blending the left void into the planetary shadow.
- #FFEAA5 — Solar Core Glow: Peak white-yellow illumination behind the celestial body creating atmospheric backlight.
- linear-gradient(90deg, #FA7355 0%, #E84D38 100%) — Fiery Coral Gradient: Primary CTA fill, keyword text tint on 'orchestrates', and telemetry highlight bars.
- #FF9F7C — Soft Peach Highlight: Tertiary accent used in telemetry indicator lines and glowing starburst nodes.
- #FFFFFF — Primary Text White: Headline main text, primary KPI digits, and high-priority labels.
- #A7A3B4 — Muted Celestial Gray: Navigation links, hero subtitle copy, and sub-labels under metric figures.
- #A3E635 — Status Indicator Green: Operational status dot inside the bottom floating telemetry badge.
TYPOGRAPHY
Typeface Space Grotesk (or DM Sans, Syne, Cabinet Grotesk), weights 400/500/600. Sizes 12px caption, 13px body-sm, 15px body, 18px body-lg, 24px subheading, 32px heading, 68px display. Tracking -0.03em on display, 0.04em on metadata. The typographic character evokes scientific precision and bleeding-edge space exploration through Space Grotesk's technical aperture cuts, squared curves, and tight display metrics. It speaks like an advanced computational instrument rather than an enterprise SaaS dashboard. Google Fonts' Space Grotesk or DM Sans serve as direct, high-fidelity equivalents.
GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 8px, buttons 9999px. Spacing on a 4px unit, 28px gaps, 96px between sections, 1360px container, comfortable density.
DEPTH
Depth is created entirely through optical lighting rather than drop shadows. An immense, high-dynamic-range solar glow illuminates the scene from behind the planet, casting volumetric atmospheric scattering across the space. Forefront UI components hover weightlessly above the void with delicate translucent surfaces and 1px frosted glass borders.
IMAGERY
The visual anchor is a hyper-detailed spherical celestial body enveloped in a dual-layer representation: a photorealistic planetary texture transitioning into an intricate computational point-cloud matrix. Golden flare dust, planetary rings, and starlight particles disintegrate outwards into space, symbolizing the synthesis of natural physics and generative artificial intelligence.
SIGNATURE DETAIL — the thing that makes this design itself
The dual-state celestial core: a photorealistic planetary globe seamlessly merging into an illuminated 3D digital point-cloud mesh, backlit by an intense thermonuclear solar discharge. To execute it correctly, ensure the point-cloud particles dissolve progressively into the dark void on the left while catching brilliant yellow-white rim light on the right.
MUST
- Anchor text firmly against the left 40% dark void to ensure pristine readability.
- Use hairline 1px strokes with 15% opacity white on pills and circular node icons.
- Reserve the fiery coral gradient strictly for the hero punch word and primary CTA.
- Integrate faint cosmic grid tick marks (+) with 8% opacity in the left void space.
AVOID
- Do not place dense body copy over the high-brightness solar burst area on the right.
- Do not use solid opaque rectangular card surfaces; preserve transparency throughout.
- Do not use saturated blue or cold corporate cyan; the warm coral-to-gold gamut defines this brand.
- Do not render primary metrics in heavy bold; use geometric medium or regular weights.
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. Try in DraPub