Design a dark-mode abstract background artwork: cosmic scale painted cinematic landscape tempered by frosted glass telemetry and luminous enterprise typography.
LAYOUT
The page follows an open-canvas theatrical layout with interface elements pushed to the peripheral boundaries. Navigation anchors the top edge, while the main message stack (eyebrow, 60px headline, body, action button) occupies the mid-left quadrant. The mid-right houses a floating glass vertical feature list, while the bottom shelf balances proof with a wide 4-part metrics dock on the left and a compact developer chip on the right.
PALETTE (use these exact hex values)
- #0e0a16 — Cosmic Void: Deepest canvas shadow visible in lower rocky terrain and top perimeter vignette.
- #e67558 — Accretion Coral: Luminous vortex lighting, button hover halos, and secondary atmosphere glow.
- #fbece4 — Solar Cream: Solid fill for the primary header action button Request Access.
- #ffffff — Star Dust: Primary headings, brand glyph, and active stat metric values.
TYPOGRAPHY
Typeface Inter (or Plus Jakarta Sans, SF Pro Display, Geist Sans), weights 400/500/600/700. Sizes 11px caption, 12px body-sm, 14px body, 16px body-lg, 18px subheading, 60px display. Tracking -0.03em at display, 0.18em at micro uppercase. The typography is austere, precise, and uncompromisingly modern, behaving like tactical telemetry laid over deep space exploration. By pairing a stark neo-grotesque sans (Inter) with generous display sizing and ultra-tracked uppercase micro-labels, it projects enterprise reliability without feeling bureaucratic. Using system-safe neo-grotesques like Plus Jakarta Sans or SF Pro preserves the technological weight.
GEOMETRY & SPACING
Corner radii — cards 20px, links 4px, inputs 999px, buttons 999px. Spacing on a 4px unit, 24px gaps, 96px between sections, 1360px container, comfortable density.
DEPTH
Depth is created purely through layered visual atmospheric perspective rather than traditional drop shadows. Frosted glass panels use backdrop-filter blur (24px) combined with an inner border stroke of 1px rgba(255,255,255,0.18) to simulate optical refraction over the underlying painted artwork. The solid cream pill button creates the only planar jump via stark tonal contrast against the dark sky.
IMAGERY
The visual language hinges on majestic, painterly science-fiction realism reminiscent of cinematic matte paintings. It depicts a lone robed figure standing on rugged red-rock mesa cliffs gazing into an immense spiraling accretion disk and solar eclipse. Flat 2D vector illustrations, cartoon assets, or casual photographic stock would destroy the immersive, awe-inspiring scale of this design.
SIGNATURE DETAIL — the thing that makes this design itself
The defining move is the dramatic juxtaposition of a vast cinematic accretion vortex against delicate, frosted-glass telemetry docks with 1px luminous edge strokes. Without the swirling warm terracotta sky and silhouetted cliff wanderer, the UI would collapse into a standard SaaS dark template. Implement it by anchoring hyper-minimal floating glass modules in the viewport margins, letting the grand visual storytelling breathe in the center.
MUST
- Maintain high contrast by keeping display typography pure white (#ffffff) over dark or atmospheric background sections.
- Use backdrop-filter blur (minimum 20px) on all floating glass containers to maintain legibility over photographic terrain.
- Restrain glowing warm coral colors (#e67558) to background accretion atmosphere and subtle hover highlights.
- Apply wide letter-spacing (0.18em) exclusively to uppercase micro-labels at 11px.
AVOID
- Do not apply solid opaque card backgrounds that occlude the dramatic cinematic landscape behind UI elements.
- Do not use saturated primary colors like cobalt blue or neon green that clash with the warm terracotta palette.
- Do not set display headings in serif typefaces; this interface relies on stark geometric sans precision.
- Do not crowd the center celestial eclipse; maintain negative space around the celestial body and cliff silhouette.
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