Design a dark-mode abstract background artwork: deep void illuminated by particle spheres and laser chartreuse accents for next-gen ai infrastructure.
LAYOUT
The viewport is an asymmetrical split composition within a max 1360px container. The left 50% accommodates the vertical stack: top navigation, prominent 64px display headline, three-line subhead, CTA cluster, and a 4-part glass feature card at the bottom. The right 50% is occupied entirely by the oversized glowing digital orb, anchored at the bottom edge by a floating pill-shaped metrics strip.
PALETTE (use these exact hex values)
- #030508 — Void Deep: Deepest canvas background behind nebula starfield and graphic elements
- #0d131a — Glass Surface: Translucent card fill with backdrop blur for floating metric docks
- #d4ff32 — Electric Chartreuse: Primary CTA pill fills, logo accent, and emphasis highlights in display type
- #ff2a85 — Laser Magenta: Atmospheric rim glow and particle dispersion on upper-right horizon
- #00f0ff — Cyber Cyan: Planetary base rim lighting and data particle scatter points
- #ffffff — Text Primary: Primary headings, active metrics, and prominent title typography
- #9ba3af — Text Secondary: Supporting descriptive copy, subtitle paragraphs, and metadata labels
- #1e293b — Border Translucent: Fine 1px frosted glass borders on floating docks and cards
TYPOGRAPHY
Typeface Inter Display (or SF Pro Display, Neue Haas Grotesk, Plus Jakarta Sans), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 18px body-lg, 24px subheading, 32px heading, 64px display. Tracking -0.03em at display, -0.01em at body. Inter Display (or Neue Haas Grotesk) brings technical precision, cold computational authority, and ultra-clean modernism. The severe negative tracking (-0.03em) at large display scales makes headline copy feel dense, structural, and engineered for high-velocity enterprise teams.
GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 12px, buttons 999px. Spacing on a 8px unit, 24px gaps, 96px between sections, 1360px container, comfortable density.
DEPTH
Depth is created purely through luminous optical layering rather than box shadows. Glass docks with backdrop-filter blur (16px to 24px) sit above complex multi-layered cosmic particle systems, grounded by extremely faint 1px semi-transparent white borders.
IMAGERY
The visual anchor is a high-density 3D particle sphere representing planetary data computing, radiating intense cyan, lime, and magenta luminescence with optical lens flares. Supporting imagery includes subtle star fields and glowing light arcs; photographic or illustrative flat clip art is strictly forbidden.
SIGNATURE DETAIL — the thing that makes this design itself
The juxtaposition of an ultra-bright electric chartreuse (#d4ff32) pill CTA and highlighted headline tokens against a dark starry void containing a cyan-to-magenta glowing particle sphere. To execute properly, ensure the chartreuse is restricted strictly to intent highlights, avoiding overuse which ruins its neon punch.
MUST
- Use pure chartreuse (#d4ff32) sparingly for focal CTAs and 1-2 words in the headline.
- Render card backdrops in frosted semi-transparent dark teal-slate with subtle 1px borders.
- Keep typography tightly kerned (-0.03em) in clean geometric grotesque.
- Let cosmic particle visuals clip and bleed freely off the right and bottom canvas edges.
AVOID
- Do not introduce opaque light-colored cards or solid white modal backgrounds.
- Avoid square or sharp 0px radius corners on interactive components.
- Do not set display headings entirely in neon chartreuse; reserve it for contrast.
- Never use heavy drop shadows; rely on translucent glass borders and backdrop blur.
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