Neon

How it works

hero:

Full-width dark hero with left-aligned headline and subheading paired against a right-side animated bar chart visualization in cyan/lime green, creating a 55/45 visual weight split.

layout:

Alternating full-width dark and light (off-white) horizontal sections with left-aligned text blocks and right-aligned feature illustrations; three-column feature cards in dark sections; staggered two-column layouts for comparison tables.

type:

Large bold sans-serif headlines (6xl+) in white on dark, paired with smaller gray body text; monospace numerals and labels in cyan for technical credibility; consistent 16-24px body copy with generous line height.

colors:

Near-black backgrounds throughout with cyan (#00D9FF range) and lime green (#00FF88 range) used as accent borders, chart elements, and call-to-action buttons; neutral grays for secondary text; warm accent orange appears sparingly in lower sections.

distinctive:

Animated bar chart waveform in the hero section using bright cyan/green strokes that suggest real-time data and technical sophistication, immediately signaling the product's engineering-focused nature.