Styles

Styles is the token reference: the concrete values — colours, type, spacing, motion — you look up while building. For the concepts and rationale behind them, see Foundations.

Reference pages

• Color — the four palettes, semantic tokens, and the WCAG contrast matrix.
• Typography — font stacks, the Fraunces opsz rule, and the type scale.
• Spacing — the spacing scale, border radius, and z-index.
• Motion — duration and easing tokens with pairing guidance.
• Theming — semantic token reference for dark/light and surfaces.
• Icons — guidance for using a third-party icon set with Farn tokens. Coming soon