Foundations

Foundations is the concept layer. It explains how Farn thinks — the ideas and rationale behind the system — before you reach for specific token values. For the concrete values you look up while building, see Styles.

What lives here

• Surfaces — the theme + depth model (data-theme and data-surface), why it works the way it does, and how it aligns with the palette.
• Layout — content-first widths, page structure, and grid-vs-flex guidance. Coming soon
• Responsive — reflow by content rather than device, and fluid typography. Coming soon
• Accessibility — Farn's WCAG AA commitment, focus styles, and reduced-motion approach. Coming soon

Contrast data for all semantic token pairs lives on Styles › Color.