Foundations

The shared language behind Braid: layout, tone, iconography, tokens, and breakpoints.

Layout

Spacing, structure, and composition primitives.

Tones

Semantic colour language used across components.

Iconography

Guidance for using and browsing Braid icons.

Tokens

Theme CSS variables for custom stylesheets.

Breakpoints

Named screen sizes that underpin all responsive rules in Braid.