Design a dark-mode abstract background artwork: deep galactic canvas illuminated by translucent frosted acrylic planes and neon aurora gradients.
LAYOUT
The composition follows a left-heavy content layout balanced by intense visual phenomena on the right. Top navigation floats cleanly across the ceiling; the left hemisphere houses the eyebrow, two-line headline, description, avatar group, and call-to-action cluster in a vertical stack. Across the lower quadrant, a wide frosted stats bar anchors the horizon, leaving the top right open for the radiant galaxy core and floating geometric glass planes.
PALETTE (use these exact hex values)
- #080c1b — Deep Midnight Void: Primary canvas background color across deep space underlay
- #1d1435 — Nebula Aurora Violet: Ambient atmosphere glow and lower vignette shading
- #7ee3cf — Bioluminescent Teal: Primary action button surface and gradient headline start point
- #d49cc8 — Cosmic Lilac: Secondary accent used in headline gradient endpoints and glass borders
- #f7f9fd — Starlight White: High-contrast headings, active metrics, and primary text
- #a3b2c8 — Astral Slate: Subtitles, navigation link text, and metric labels
TYPOGRAPHY
Typeface Inter Display (or Plus Jakarta Sans, SF Pro Display), weights 400/500/600. Sizes 11px caption, 13px body-sm, 15px body, 17px subheading, 24px heading, 52px display. Tracking -0.03em on display, 0.08em on uppercase eyebrows. The typographic tone is cerebral, sleek, and scientifically optimistic. By utilizing an engineered geometric sans like Inter Display with tighter letter-spacing on headline scales, the typography balances humanistic curiosity with technological precision. If substituting, avoid quirky or decorative fonts; lean on clean neo-grotesques with excellent optical display cuts.
GEOMETRY & SPACING
Corner radii — cards 24px, links 4px, inputs 999px, buttons 999px. Spacing on a 8px unit, 24px gaps, 80px between sections, 1200px container, comfortable density.
DEPTH
Depth is created purely through layered optical translucency, light refraction, and luminance gradients rather than conventional drop shadows. Geometric glass plates overlap the deep celestial scene, revealing background nebulas through varying opacities (0.05 to 0.3) and sharp light catches along their 1px vector boundaries.
IMAGERY
The visual foundation is a generative cosmic landscape featuring a luminous spiral galaxy vortex, star clusters, and ribbon-like aurora gradients intersecting floating crystalline planes. Realistic stock photography or flat corporate vector illustrations are strictly forbidden; visuals must feel astrophysical, speculative, and deep-space cinematic.
SIGNATURE DETAIL — the thing that makes this design itself
The defining identity is the juxtaposition of floating, semi-transparent 3D glass prism planes slicing through a deep cosmic spiral vortex. Misusing this means applying glassmorphism as a simple flat card background; here, the glass acts as a dynamic refractive lens that filters and bends the galactic light behind it.
MUST
- Use backdrop-filter: blur(16px to 24px) combined with subtle 1px translucent borders on all glass surfaces.
- Maintain high typography contrast on dark backgrounds using soft mint-whites and dusty blues instead of harsh #ffffff everywhere.
- Stack the primary headline into two concise, punctuated lines with tight negative tracking (-0.03em).
- Employ rounded pill geometry (border-radius: 999px) for all standalone action triggers.
AVOID
- Never use opaque, solid rectangular cards that obscure the atmospheric background imagery.
- Do not use high-saturation drop shadows; use soft ambient interior borders and luminous glows instead.
- Avoid heavy uppercase headings; keep uppercase strictly reserved for micro-eyebrows under 12px.
- Do not allow raw, unstyled form fields or sharp 0px radius buttons in this ethereal system.
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