Concepts

Token Layers

The six-layer pyramid from global palette to component tokens.

This page is a stub

Content coming soon — see the outline below for what it will cover.

What this page will cover: The six-layer pyramid: global → private → iconic → screen → semantic → comp. Explains what each layer is allowed to reference and why.

Your first themed page

End-to-end tutorial: install Crown, set data-brand and data-mode, build a button with semantic Tailwind utilities.

Semantic Roles

Reference for the semantic role API used by component authors.