Design a dark-mode abstract background artwork: deep space telemetry meets high-compute research through particle nebulae and bi-directional gradient light ribbons.
LAYOUT
The page adheres to a 1280px centered grid with an asymmetric left-dominant hierarchy. The left 55% of the viewport is allocated to strict typographic sequencing (eyebrow, three-line display headline, body paragraph, button group, and partner validation). The right 45% opens up to allow the particle sphere composition to breathe, anchored at the base by a full-width 4-column metric strip.
PALETTE (use these exact hex values)
- #030712 — Deep Space Void: Absolute canvas background across all sections and nav chrome.
- linear-gradient(90deg, #06B6D4 0%, #3B82F6 45%, #A855F7 100%) — Spectral Horizon Gradient: Primary CTA fill, active accent phrase fill, and illuminated particle ribbon spine.
- #06B6D4 — Cyan Luminescence: Eyebrow text, data icon accents, and start anchor of major focal gradients.
- #F59E0B — Amber Stellar Dust: High-energy trailing particle dust and metric lightning accent.
- #A855F7 — Ultraviolet Wave: Outer halo of the center orb and gradient terminal color.
- #FFFFFF — Starlight White: Primary heading lines, metric values, and primary button labels.
- #94A3B8 — Atmospheric Slate: Body copy descriptions, metric labels, and inactive navigation links.
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, DM Sans, Space Grotesk), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 16px body-lg, 28px subheading, 56px display. Tracking -0.03em at display, +0.18em at micro-caps. The typographic tone is authoritative, analytical, and uncompromisingly modern. Using Plus Jakarta Sans or Inter at bold weights with negative tracking lends geometric weight to heavy scientific claims, while wide-tracked micro-labels echo aerospace telemetry interfaces. Free open-source alternatives like Inter and DM Sans provide a visually identical voice.
GEOMETRY & SPACING
Corner radii — cards 0px, links 4px, inputs 999px, buttons 999px. Spacing on a 8px unit, 24px gaps, 96px between sections, 1280px container, comfortable density.
DEPTH
Elevation is achieved entirely through chromatic optical depth and atmospheric luminosity rather than UI box-shadows. The near-black canvas establishes infinite depth, with fine glowing particles situated on foreground and midground z-planes orbiting a glowing sphere. Interactive UI layers sit flush on the highest optical plane in stark, sharp contrast.
IMAGERY
The visual anchor is a high-resolution 3D generative particle simulation forming a swirling, toroid nebula around an illuminated planetary orb. Particles transition fluidly between cool cyan, radiant violet, and warm stellar amber. Photographic cutouts, flat illustrations, or generic corporate stock imagery are completely prohibited.
SIGNATURE DETAIL — the thing that makes this design itself
The defining visual signature is the three-line left-aligned display headline where the terminal line ('Move Science Forward.') transitions into an active cyan-to-violet gradient matching the surrounding celestial particle ring. This anchors the reader's eye directly to the visual metaphor of forward scientific acceleration.
MUST
- Reserve the cyan-to-violet linear gradient exclusively for the final headline line and primary CTA pills.
- Maintain high particle luminosity in the upper right while ensuring the left-side text area remains dark and legible.
- Use uppercase tracking (+0.18em) on micro-labels to convey scientific and telemetry precision.
- Ensure metric icons use single-tone vibrant accents that match adjacent particle hues.
AVOID
- Never apply boxed card backgrounds with borders or elevated drop shadows behind the metric items.
- Do not color the entire headline in gradient; keep lines 1 and 2 in pure crisp white.
- Avoid warm saturated colors (reds, bright yellows) on interface text—restrict warmth solely to background star dust.
- Do not use rectangular sharp-corner buttons; all interactive triggers require 999px pill radius.
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