FAQ 11 · Multiple disclosures

Multiple Open FAQ

This variant intentionally lets readers keep related answers open when comparison matters more than compactness.

Compare the layers

Understand how the system fits together

Open several answers at once to compare the responsibilities of tokens, layouts, components, and patterns.

What do tokens control?

Tokens name visual intent for color, spacing, typography, motion, radius, shadow, and component-level theme surfaces.

What do layout primitives control?

They define repeatable page structure: vertical rhythm, responsive Grids, sidebars, centered content, media frames, and direction changes.

What do components control?

Components own named UI objects, their public APIs, states, accessible interaction, and documented theme hooks.

What do patterns control?

Patterns combine components into repeatable product workflows such as authentication, settings, onboarding, and command experiences.