Anthropic

How it works

hero:

Left-aligned stacked headline with variable font weight (bold on key terms) paired against right-aligned body paragraph at 60/40 horizontal split, followed by full-width dark card with 50/50 text-image layout (white serif title left, algorithmic visualization right).

layout:

Vertical stacking: navigation bar, hero section with asymmetric text split, full-width featured project card, three-column release grid, left-anchored statement block, full-width link table, dark footer with four-column link architecture.

type:

Serif headlines (likely high x-height) in 5xl–7xl range paired with sans-serif body text at smaller scales; bold weight applied mid-sentence for emphasis; all-caps small labels (DATE, CATEGORY) create typographic hierarchy without color shift.

colors:

Cream background with black text and charcoal accents; dark hero card (near-black) creates focal contrast; beige release cards use consistent background with black text and dark CTAs, establishing a three-tone hierarchy: background, content, emphasis.

distinctive:

Mid-sentence bold injection technique where key concepts within flowing headlines are weighted to direct reading rhythm without breaking the line, creating a scan-friendly but continuous narrative flow.