Design a dark-mode website section: deep obsidian infrastructure illuminated by coherent green laser speedlines and crisp technical typography.
LAYOUT
The composition is strictly organized into two continuous vertical zones without a hard dividing border. The top conversion zone places a left-aligned badge, dual-tone headline, descriptive paragraph, and dual button row opposite a sweeping light-streak visual on the right. The lower footer distributes brand metadata and a newsletter box on the left, flanked by four evenly spaced vertical navigation link columns on the right, terminating in a single-line horizontal copyright and legal bar.
PALETTE (use these exact hex values)
- #090e10 — Deep Obsidian: Absolute backdrop for the entire viewport and footer base plane.
- #121a1c — Subtle Charcoal Teal: Fill color for newsletter inputs, social icon buttons, and interactive card surfaces.
- #5de2a5 — Phosphor Mint: Primary CTA button background, key headline highlights, category label text, and accent glow.
- #1d2b2e — Ghost Slate Border: Dividers, pill outlines, input boundaries, and container perimeter borders.
- #ffffff — Primary Stark White: Primary metric headlines, logo mark typography, and top-tier interactive titles.
- #8c9e9e — Muted Sage Slate: Descriptive body copy, sub-links, footer navigation list items, and form labels.
- #526264 — Sub-footer Slate: Legal boilerplate, copyright notices, and inactive placeholder text.
TYPOGRAPHY
Typeface Inter (or Geist Sans, Plus Jakarta Sans), weights 400/500/600. Sizes 11px caption, 12px body-sm, 14px body, 15px body-lg, 18px subheading, 44px display. Tracking -0.03em at display, 0.08em at micro uppercase. The typographic tone is relentlessly technical, precise, and hardware-focused. The neo-grotesque type scales seamlessly from large, confident -0.03em tracking display sizes down to laser-sharp 11px uppercase metadata labels. Inter or Geist Sans provides the necessary neutral, engineering-grade clarity while ensuring zero licensing overhead.
GEOMETRY & SPACING
Corner radii — cards 12px, links 4px, inputs 8px, buttons 8px. Spacing on a 8px unit, 24px gaps, 96px between sections, 1200px container, comfortable density.
DEPTH
Depth is rendered entirely through luminescence and atmospheric perspective rather than box shadows. The luminous green laser burst emerges from the right margin, casting volumetric light across the deep teal backdrop. Discrete UI controls rely on 1px crisp borders (#1d2b2e) against dark slate fills (#141d20) to establish optical elevation.
IMAGERY
Visual interest is driven by abstract high-velocity laser light streaks radiating horizontally from the right horizon in glowing mint and cyan tones. The visual metaphor represents photonic speed, ASIC throughput, and optical computing. Any photo-realistic human photography or playful 3D cartoon assets would directly contradict this clean deep-tech aesthetic.
SIGNATURE DETAIL — the thing that makes this design itself
The signature gesture is the dual-tone display headline ('100x faster. 100x cheaper.' in white over 'Built for the next era of AI.' in glowing mint) visually anchored by laser streaks radiating from the right edge. It communicates photon-speed hardware efficiency instantaneously. Misusing it involves coloring every headline word in mint or centering the text block.
MUST
- Render the main headline in two lines: first line white (#ffffff), punchline in mint (#5de2a5).
- Use uppercase 11px typography with wide letterspacing (+0.08em) exclusively for footer category headers.
- Restrict primary button background fills exclusively to phosphor mint (#5de2a5).
- Anchor social media icons inside uniform 36x36px rounded square tiles.
AVOID
- Never introduce warm colors like orange, red, or yellow into the primary canvas.
- Do not make the primary CTA button a 999px pill; reserve pills for status tags.
- Never render footer navigation link labels in pure white; reserve white for interactive hover states.
- Do not remove the optical gap between headline lines and body paragraph (keep at 16px).
OUTPUT
Render as a clean, pixel-crisp UI design at roughly 1792:1024. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks. Try in DraPub