Design a dark-mode abstract background artwork: deep-space indigo canvas illuminated by incandescent cosmic accretion flows and razor-thin frosted glass panels.
LAYOUT
The composition is framed within an enclosed 1280px viewport container resembling a high-tech observation console. The layout splits horizontally: navigation pins to the top, while the left 50% is reserved for vertically stacked typography and dual CTAs. The right 50% features deep celestial imagery, and the bottom span is occupied by an edge-to-edge frosted telemetry metrics bar.
PALETTE (use these exact hex values)
- #080720 — Deep Space Void: Foundational canvas background representing deep cosmic vacuum across the base layer.
- #110f3b — Nebula Substrate: Internal frosted layer background for large structural cards and backdrop filters.
- #ffffff — Starlight White: High-emphasis display typography, primary headings, and high-priority icon strokes.
- #a5b4fc — Cosmic Lavender: Subordinate body copy, navigational dropdown triggers, and subtle descriptive labels.
- linear-gradient(135deg, #e65c83 0%, #ff8f71 100%) — Solar Flame Gradient: Primary conversion pill button fill and highlighted terminal text within the display title.
- #8b5cf6 — Aurora Violet: Underlying ambient lighting, decorative swoosh backdrops, and subtle glow reflections.
TYPOGRAPHY
Typeface Inter Display (or Plus Jakarta Sans, SF Pro Display, Manrope), weights 400/500/600/700. Sizes 12px caption, 13px body-sm, 15px body, 17px body-lg, 24px heading, 56px display. Tracking -0.03em at display, 0 at body. The typographic tone is authoritative, cerebral, and precise—resembling aerospace data terminals modernized for enterprise SaaS. Inter Display provides neutral geometric clarity with clean circular terminals and compact ascenders that balance technical rigor with premium polish. Licensing is straightforward via open-source Google Fonts (Inter or Plus Jakarta Sans).
GEOMETRY & SPACING
Corner radii — cards 20px, links 6px, inputs 999px, buttons 999px. Spacing on a 8px unit, 24px gaps, 64px between sections, 1240px container, comfortable density.
DEPTH
Depth is created purely via translucent optical layering and atmospheric luminance rather than drop shadows. Frosted glass planes float over deep cosmic voids, using backdrop-blur(20px) to let underlying nebula light bleed into foreground surfaces. A thin 1px luminous stroke simulates light catching the bevelled edge of polished glass plates.
IMAGERY
Photorealistic 3D deep-space visuals depicting a hyper-detailed accretion disk, swirling spiral galaxy rings in incandescent coral and magenta, and dark shaded planetary bodies with soft atmospheric rim-lighting. Flat vectors, corporate photography, or generic 2D abstract shapes are strictly off-brand and would destroy the cinematic immersion.
SIGNATURE DETAIL — the thing that makes this design itself
The signature element is the massive, incandescent planetary accretion ring emerging from the upper right, slicing diagonally through a frosted dark glass UI container. It marries high-contrast cinematic cosmic rendering with ultra-clean, left-anchored SaaS typography and pill-shaped controls. It is commonly misused by scattering competing glows everywhere, which destroys typographic legibility.
MUST
- Retain the sharp 1px translucent border (rgba(165, 180, 252, 0.2)) across all rounded card elements.
- Restrict warm coral-pink linear gradients strictly to primary actions and single focal headline words.
- Keep text left-aligned in a dedicated 50% width column to leave the right hemisphere free for artwork.
- Ensure secondary labels and support body copy maintain a soft lavender-blue cast (#a5b4fc) rather than pure gray.
AVOID
- Do not introduce sharp 90-degree corners on outer panels or interactive controls.
- Do not allow the glowing cosmic galaxy artwork to bleed under high-density body typography.
- Do not use saturated yellow, bright green, or flat cyan accents that clash with the coral-lavender gamut.
- Do not use solid opaque dark backgrounds for metric cards or control bars; keep frosted transparency.
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