Design a dark-mode abstract background artwork: a deep void ignited by kinetic particle waves and high-voltage electric chartreuse intelligence.
LAYOUT
Structured as an asymmetrical 50/50 hero composition on a 1280px container grid. The left vertical column stacks the eyebrow, bi-color headline, descriptive narrative, dual CTA pills, and a 3-column metric group with comfortable 48px vertical gaps. The right hemisphere is entirely dedicated to dynamic particle imagery and planetary orbs that overlap the upper right navigation zone.
PALETTE (use these exact hex values)
- #05070F — Deep Void: Dominant background canvas across the full viewport
- #D8FD3E — Electric Chartreuse: Primary brand accent, active CTA buttons, logo glyph, and headline emphasis
- #19D5E6 — Bioluminescent Cyan: Particle horizon glow and metric icon highlight
- #E63988 — Chromatic Magenta: Upper orbital nebula glow and secondary metric spark
- #FFFFFF — Optic White: Primary headline typography, metric numeric readouts, and active icons
- #9FA6B7 — Starlight Silver: Body copy paragraphs, navigation items, and metric descriptive labels
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, General Sans, Space Grotesk), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 18px subheading, 32px heading, 68px display. Tracking -0.03em at display, +0.18em at overlines. Clean, technical, and forward-looking. Plus Jakarta Sans or a similar neo-grotesque provides hyper-modern authority without entering cold utilitarianism. The tight tracking on the display heading brings weight and velocity, while loose tracking on uppercase metadata suggests scientific precision.
GEOMETRY & SPACING
Corner radii — cards 16px, links 4px, inputs 999px, buttons 999px. Spacing on a 8px unit, 24px gaps, 96px between sections, 1280px container, airy density.
DEPTH
Depth is rendered entirely through optical luminosity and celestial scale rather than box shadows. Luminous glow halos emanate from the particle stream, while spheres feature sharp cyan and magenta rim-lighting that floats them above the infinite void. Interactive pills use backdrop-filter blur (12px) to softly detach from underlying nebular dust.
IMAGERY
Features a cinematic, dense 3D particle array forming an undulating cosmic landscape lit with neon cyan, lime, and magenta gradients. Chromatic planetary spheres with textured surfaces and rim lighting float within the void. Photographic portraits, flat vectors, or standard SaaS interface screenshots are strictly off-brand.
SIGNATURE DETAIL — the thing that makes this design itself
The signature move is the dual-tone headline typography paired directly with an electric chartreuse pill CTA, juxtaposed against a multi-chromatic 3D particle nebula. It signals bleeding-edge computation and intelligence. Misusing it means scattering chartreuse everywhere or using it on non-essential decorative containers.
MUST
- Pair solid white headline leads with electric chartreuse terminal keywords for deliberate emphasis.
- Enforce border-radius 999px on all buttons and pill controls without exception.
- Keep navigation links muted (#9FA6B7) to prevent competing with luminous background dynamics.
- Constrain left-side hero text to approximately 560px max-width to allow the right-side artwork full volume.
AVOID
- Never introduce rectangular or sharp-cornered buttons; avoid any radius below 999px on interactive controls.
- Do not position heavy text over the dense, luminous particle clusters on the right.
- Never use generic grey borders; use low-opacity white rgba(255, 255, 255, 0.15) for strokes.
- Avoid warm colors like orange or red; maintain the cool cosmic palette of cyan, chartreuse, and magenta.
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