Design a dark-mode abstract background artwork: deep space data telemetry energized by solar flares, planetary particle clouds, and crystalline glass metrics.
LAYOUT
Asymmetric two-column split layout on a 1280px grid. The left side stacks the primary value proposition: a 64px display headline, supportive copy, and dual CTA buttons. The right side is occupied by the visual hero anchor (solar orb and particle beam). Grounding the section is a full-width metrics deck centered along the bottom third.
PALETTE (use these exact hex values)
- #040A0F — Deep Space Canvas: Foundational page background absorbing light at screen edges and deep shadow zones
- #0B181E — Starlight Glass: Semi-transparent backdrop fill for the lower metrics container and secondary controls
- #FBE64D — Solar Flare Gold: Intense directional energy highlight, particle core, and primary CTA start stop
- #49E4B6 — Bioluminescent Teal: Gradient terminus for the primary button, headline accent, and metric labels
- #FFFFFF — Primary Text White: Dominant headline text, navbar labels, and active UI states
- #8EA8A7 — Nebula Mist: Subtitles, inactive navigation links, and supportive metric descriptors
- #1F383D — Atmospheric Border: Delicate stroke on pills, nav buttons, and card containers
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, Geist Sans, Outfit), weights 400/500/600/700. Sizes 12px caption, 14px body-sm, 16px body, 18px subheading, 28px heading, 64px display. Tracking -0.03em at display, 0.01em at body. Technical, confident, and visionary. The geometric grotesque sans-serif delivers engineering precision while tightly kerned display scales convey speed, scale, and modern computational authority without feeling sterile.
GEOMETRY & SPACING
Corner radii — cards 24px, links 4px, inputs 999px, buttons 999px. Spacing on a 8px unit, 24px gaps, 120px between sections, 1240px container, comfortable density.
DEPTH
Depth is rendered entirely through luminescence and light pollution rather than drop shadows. Surface cards float through backdrop-blur filters (12px to 20px) and faint specular strokes (1px rgba(255,255,255,0.1)), allowing the radiant particles behind them to softly bleed through the glass.
IMAGERY
Features high-density point-cloud particle simulations evoking astrophysics, neural architectures, and computational astrophysics. Visuals consist of textured dotted spheres, cosmic dust waves, and high-velocity energetic rays; flat vectors, corporate photography, or polygonal low-poly renders are strictly off-brand.
SIGNATURE DETAIL — the thing that makes this design itself
The dual-axis particle system: a hyper-dense glowing orb engulfed by an intense diagonal solar ray transitioning from blinding golden-yellow to teal, perfectly balancing the quiet dark typography on the left.
MUST
- Keep typography strictly on the left half to leave breathing room for the right-aligned celestial focal point.
- Use pill shapes (999px radius) exclusively for all actionable button elements.
- Pair the primary lime-to-teal gradient with solid black text for optimal accessibility.
- Render supportive stats within a single unified frosted glass footer tray rather than isolated disconnected cards.
AVOID
- Do not use boxy 4px or 8px corners on buttons; everything interactive must be pill-shaped.
- Never place heavy solid content over the right particle ray; let the lighting remain radiant.
- Avoid harsh pure white borders; use low-opacity tinted borders like rgba(31,56,61,0.8).
- Do not drop drop-shadows on typography; rely purely on background contrast for legibility.
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