Design a dark-mode abstract background artwork: bioluminescent point-cloud wildlife emerging from dense jungle shadows to illuminate ultra-clean precision engineering typography.
LAYOUT
The page establishes a left-biased 12-column asymmetric split. The top header spans full-width with logo on the far left and navigation plus CTA docked right. The hero copy, primary action group, and 3-column metric bar stack vertically within columns 1 through 6, leaving columns 7 through 12 completely clear for the panther and waterfall focal points.
PALETTE (use these exact hex values)
- #040a09 — Obsidian Canopy: deep background canvas absorbing light behind imagery and typography
- #cbf366 — Bioluminescent Lime: start stop of the primary CTA pill gradient and headline highlight
- #7ae2b8 — Matrix Mint: end stop of primary CTA gradient and active icon tint
- #30ebd3 — Signal Cyan: logo node glow, point-cloud particles, and numeric highlights
- #ffffff — Primary Text: main headline text, stat numerals, and high-visibility titles
- #93a59f — Muted Sage: subheadings, metadata, nav items, and secondary stat labels
- #081b14 — Ink CTA Text: high-contrast dark text inside luminous pill buttons
- #1b2a26 — Canopy Border: vertical dividers separating bottom statistics columns
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, General Sans, Satoshi), weights 400/500/600. Sizes 11px caption, 12px body-sm, 14px body, 16px body-lg, 28px heading, 68px display. Tracking -0.03em at display, 0.2em at overline. The typographic tone is ultra-precise, understated, and scientific. By rendering a massive 68px headline in a lighter weight rather than a heavy bold, the typography feels like an advanced instrumentation readout rather than marketing hype. Plus Jakarta Sans or Inter fits perfectly due to crisp geometric geometry and balanced technical curves.
GEOMETRY & SPACING
Corner radii — cards 0px, links 0px, inputs 999px, buttons 999px. Spacing on a 8px unit, 24px gaps, 80px between sections, 1360px container, comfortable density.
DEPTH
Depth is created entirely through photographic optical atmosphere and bioluminescent emission rather than drop shadows. Bright chartreuse foreground elements sit directly above deep, murky forest blacks. The particle panther emerges out of the foliage through luminous bokeh and z-plane contrast.
IMAGERY
The visual hero is a cinematic, generative hybrid of photorealistic wet rainforest flora and a sleek black panther dissolving into a cyan-green 3D LiDAR point cloud. It symbolizes biological intelligence synthesized with compute. Any cartoonish vectors, generic 2D tech line-art, or daylit photography would completely destroy the aesthetic.
SIGNATURE DETAIL — the thing that makes this design itself
The dual-state gradient headline ('Intelligence' in pure white, descending into 'that learns with the world' in bioluminescent lime) visually mimicking the transition from human logic to organic synthetic compute. Misusing it by coloring the entire headline green robs the design of its crisp readability and conceptual transition.
MUST
- Keep typography weights light (300-400) for the main headline to maintain elegance alongside complex imagery.
- Use pill-shaped containers with radius 999px exclusively for interactive buttons, never for data cards.
- Allow the background particle artwork to bleed edge-to-edge behind navigation and text content.
- Apply gradient text fill strictly to the bottom 2/3 of the display headline, keeping the opening words pure white.
AVOID
- Do not put opaque solid background cards behind the left-hand text elements.
- Do not use heavy, bold display font weights that fight the delicate nature of the point-cloud particles.
- Do not introduce warm hues like red, orange, or purple; palette must remain strictly in cyan, mint, and chartreuse.
- Do not wrap statistic metrics inside rounded floating containers or standard cards.
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