Design a dark-mode abstract background artwork: deep void illuminated by granular particle fields and clinical scientific typography.
LAYOUT
The canvas is structured as a clear two-column asymmetric viewport. The left 50% hosts the narrative hierarchy (eyebrow chip, colossal headline, descriptive subtext, button actions, and bottom stat row). The right 50% holds the bioluminescent particle sphere, overlaid with technical telemetry crosshairs and 3D space coordinate readouts.
PALETTE (use these exact hex values)
- #030712 — Obsidian Void: Deepest primary background canvas absorbing all non-emissive elements.
- #08101e — Surface Overlay: Subtle low-contrast backdrop fill for badges and borders.
- #4ade80 — Bioluminescent Mint: Vibrant lime-mint accent used for primary CTA fill and key metric glows.
- #38bdf8 — Quantum Cyan: Mid-spectrum particle hue and headline text gradient origin.
- #a855f7 — Deep Violet: Rightmost particle glow and gradient text terminus.
- #f8fafc — Pure Starlight: Primary headline text, active labels, and emphasized numerical figures.
- #64748b — Subdued Telemetry: Supporting descriptions, subheaders, category pills, and micro-metric labels.
- #1e293b — Grid Ghost: Hairline container borders, reticle coordinates, and subtle dotted matrix guides.
TYPOGRAPHY
Typeface Inter Display (or Geist,Neue Haas Grotesk,SF Pro Display), weights 300/400/500/600. Sizes 10px caption, 12px body-sm, 14px body, 16px body-lg, 28px heading, 72px display. Tracking -0.03em at display, +0.05em at micro. The typographic tone is clinical, forward-looking, and cerebral. A clean, neutral neo-grotesque sans-serif rendered in delicate weights gives the impression of advanced quantum research and scientific computing. Geist or Inter are ideal open-source matches that preserve this austere digital atmosphere.
GEOMETRY & SPACING
Corner radii — cards 12px, links 999px, inputs 8px, buttons 8px. Spacing on a 4px unit, 24px gaps, 120px between sections, 1360px container, comfortable density.
DEPTH
Depth is created purely through luminescence, additive particle density, and transparency against an infinite dark void. There are no box-shadows or elevated surfaces; spatial layering exists solely between the background void, atmospheric particle depth, and razor-sharp crisp foreground typography.
IMAGERY
The imagery consists of a complex 3D-rendered point cloud forming an ethereal planetary sphere and sweeping plasma tail. It features fine, million-particle granularity glowing from lime green to electric cyan and violet, accented by orbital telemetry vectors; photography, human imagery, or flat vector illustrations would break the aesthetic.
SIGNATURE DETAIL — the thing that makes this design itself
The signature element is the contrast between a hyper-delicate, light-weight sans-serif headline transitioning into a vivid cyan-violet gradient, juxtaposed against an intricate bioluminescent granular point-cloud sphere. It establishes an unmistakable deep-tech research lab aesthetic; misusing it by adding thick fonts or flat card boxes destroys the cosmic void effect.
MUST
- Keep typography light and geometric (weights 300 to 400) to maintain scientific credibility.
- Use color strictly for emissive light sources: particle fields, glow spots, and key interactive focal points.
- Apply wide letter-spacing (0.05em to 0.1em) on all small uppercase telemetry captions.
- Ensure the hero background seamlessly blends to pure dark (#030712) without hard container bounds.
AVOID
- Do not introduce solid opaque card containers or heavy drop-shadows anywhere on the canvas.
- Do not use warm hues like red, orange, or yellow that disrupt the cool bioluminescent spectrum.
- Do not use bold heavy typography (weights above 600) on primary display text.
- Never clutter the left typographic column with dense decorative patterns or competing imagery.
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