Semantic Tokens
Tokens describe meaning: surface, emphasis, action, text, border, focus, spacing, radius, motion, and layout behavior. They should not be treated as a bag of colors. The same component can serve different brands when tokens carry intent.
Approved Components
Components implement interaction patterns, accessibility behavior, analytics hooks, and visual rules. Page code should not import low-level primitives directly when an approved component exists.
Section And Page Templates
Section templates compose components into reusable experience patterns. Page templates define what sections can appear, which variants are allowed, and what content is required. This gives teams flexibility inside a controlled frame.