Foundations

Foundations are the decisions every component inherits. Tokens carry them into code; the token reference and the icon gallery list every value. These pages are the same markdown the design-system MCP server reads.

• ColorEditorial Ink has one accent (clay, terracotta) and three status hues (olive success, brick danger, ochre attention) on warm paper neutrals.14 rules · 8 examples
• TypographyTwo families do the work: a serif display face for headings and a humanist sans for everything else, with a monospace reserved for counts and code.14 rules · 8 examples
• LayoutLayout in tenet-ui is composed from two primitives, Stack (one axis) and Grid (columns), plus the space scale.14 rules · 8 examples
• IconographyThe icon set is part of the package: import { SearchIcon } from 'tenet-ui/icons'.12 rules · 12 examples
• MotionEditorial Ink barely moves.4 rules · 4 examples
• Design tokensA design token is a named design decision: --fgColor-accent is "the colour of accent text", and the theme decides which hex that is.6 rules · 6 examples
• ThemingA theme swaps token values, never token names.5 rules · 5 examples