Layout

Layout tokens define the core sizing constraints used across the framework. These values power container widths and the default heights of interactive UI elements.

Containers

Container tokens define the maximum widths used by the framework layout utilities . They let you keep page widths consistent without hard-coding values into components.

Interactive element height

These tokens define the default heights used by compact and regular interactive elements such as buttons, inputs, and related controls.