Design a dark-mode abstract background artwork: deep galactic dark mode pierced by acid chartreuse particles and translucent holographic glass panes.
LAYOUT
The viewport uses a standard 12-column grid layout where the left 5 columns hold branding, headline, body copy, CTA buttons, and the bottom stat dock. The right 7 columns are dedicated to the sprawling 3D cosmic illustration and floating feature list stacked along the far right edge. A floating top navigation bar spans 100% container width with clear left-right alignment.
PALETTE (use these exact hex values)
- #05060f — Space Void: Deepest canvas background providing high-contrast base for glowing particle artwork
- #d9f943 — Acid Lime: High-visibility primary CTA button fill, active status badge dot, and logo icon accent
- #f472b6 — Neon Pink: Primary headline emphasis span, orbital particle traces, and stat highlight accent
- #38bdf8 — Electric Cyan: Glass pane rim lights, secondary metrics, and subtle orbital particle glows
- #ffffff — Text Primary: Main headline text, primary button label when inverted, and active metric values
- #94a3b8 — Text Secondary: Subtitles, navigation link items, and metric descriptive labels
TYPOGRAPHY
Typeface Inter Display (or Plus Jakarta Sans,SF Pro Display,Geist), weights 400/500/600/700. Sizes 12px caption, 13px body-sm, 16px body, 18px subheading, 28px heading, 64px display. Tracking -0.03em for headlines, -0.01em for body. The typographic tone is ultra-modern, technical, and authoritative. A robust neo-grotesque like Inter Display provides supreme legibility amidst chaotic background visuals, while tight tracking lends a confident developer-tooling aesthetic. JetBrains Mono accents introduce immediate technical credibility for developer audiences.
GEOMETRY & SPACING
Corner radii — cards 24px, links 9999px, inputs 12px, buttons 12px. Spacing on a 8px unit, 20px gaps, 96px between sections, 1360px container, comfortable density.
DEPTH
Depth is rendered entirely through glowing optical luminescence, overlapping 3D glass panes, and atmospheric lighting. No drop shadows are visible; instead, luminous elements cast ambient colored light (cyan, lime, magenta) onto neighboring transparent planes. The dark void recedes into infinity while glass slabs pop forward via crisp edge-refraction highlights.
IMAGERY
The imagery is high-fidelity 3D cosmic abstraction featuring spiraling galactic particle trails, luminous spheres resembling moons, and futuristic transparent glass plates. Particle densities range from concentrated acid-lime cores to soft magenta dust clouds. Real-world photography, corporate illustrations, or flat 2D vector art would completely destroy the visual fiction.
SIGNATURE DETAIL — the thing that makes this design itself
The dual-tone split headline ('Build beyond limits.' in crisp white, 'Ship with clarity.' in neon pink) intersecting a radiant multi-colored cosmic spiral made of thousands of tiny luminous particles. It anchors the emotional narrative of boundless scale and hyper-precise technical clarity.
MUST
- Reserve acid-lime (#d9f943) strictly for key focal calls to action and active dots.
- Use tight negative letter-spacing (-0.03em) on display headlines sized 56px and above.
- Pair deep atmospheric glows with crisp, razor-sharp 1px border lines on glass panels.
- Ensure the cosmic background spirals gracefully from lower-left to mid-right around center elements.
AVOID
- Do not use opaque light or white surfaces for any card or container.
- Do not saturate body text; keep descriptive copy muted with #94a3b8.
- Do not apply drop shadows to buttons; use soft ambient neon outer glows instead.
- Do not use sharp 90-degree corners on metric decks or release badges.
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