elevenlabs.io

How it works

hero:

Large centered headline (60pt+ weight) with supporting paragraph below; five gradient circular and organic shapes (pink, purple, blue, green, peach) arranged in loose horizontal cluster, each representing a product feature or data category.

layout:

Alternating asymmetrical rows: full-width hero → 5-column icon grid → left-aligned text with right-aligned product screenshot → centered section header with 3-column content → full-width gradient image with left-aligned text overlay → stacked card grid at varying widths → footer with 4-column link structure.

type:

Display sans (likely geometric family) at 56–72pt for section headers with tight tracking; body text in 16–18pt sans with 1.5–1.6 line-height; numeric data shown in 48–60pt monospace or geometric bold for visual weight; all-caps micro labels in 10–11pt track out across section dividers.

colors:

Soft pastels (coral, lavender, sage, peach) used as background color-blocks and circular visual separators; these gradients float semi-transparent behind text or serve as card backgrounds; dark charcoal for body text and navigation; accent cyan appears sparingly in CTAs and data highlights.

distinctive:

Organic gradient circles and soft-focus color fields float independently of text and containers, creating atmospheric depth without borders—the shapes feel like they're layered behind the information rather than containing it.