linear.app

How it works

hero:

Full-width dark background with left-aligned white headline (3 lines, high contrast), overlaid with a right-side interface mockup in subdued grays; navigation breadcrumbs and tagline stack beneath the fold.

layout:

Alternating vertical sections of 1-column dense text + 2-column supporting elements; narrow justified paragraphs (40-50 characters) paired with right-aligned imagery or diagrams; whitespace gutters between sections establish rhythm; footer stacks as multi-column reference grid.

type:

Large sans-serif headlines (6xl+) in all-caps or sentence case; body text in medium weight with increased line-height (1.6+); monospace used exclusively in code/technical examples; uppercase labels on CTAs and section heads create typographic anchors.

colors:

Near-black background (primary) with white/light gray text hierarchy; accent colors—neon yellow and bright cyan—used sparingly in isolated sections (code blocks, CTAs, stat callouts) to create visual punctuation and guide attention.

distinctive:

Alternating full-width colored blocks (soft lavender, acid yellow) with dark sections create a two-tone segmentation at bottom; this color inversion serves as visual punctuation and resets the page hierarchy.