Static tokens

In Once UI, base tokens are primarily designated for paddings, margins, and gaps, as well as for the widths and heights of standard UI elements.

However, they are not intended for larger blocks like image sizes or major layout components. To accommodate this, base tokens range from --size-2 to --size-160, offering a spectrum of sizes for various UI needs.

For the sizing of larger UI and layout elements, Once UI introduces a specific category for width and height. These dimensions are also defined in REMs, ensuring they automatically adjust in response to different breakpoints.