Overview

ODS design tokens are named using a consistent convention to make it easier to understand what they do and how they should be used at a glance.

Categories

Reference

Reference tokens are the lowest level tokens and map directly to a raw value. Tokens that include ref in the name are reference tokens.

System

System tokens represent the decisions and roles that give the design system its character, from color and typography, to size and space. These are the most commonly used design tokens applied throughout all of the OLYSENSE Design System. System tokens point to Reference tokens under the hood. Tokens that include sys in the name are reference tokens.

Component

Component tokens are used for values that are more specific or unique than System tokens. These tokens are limited and System tokens are preferred. Component tokens may reference both System and Reference tokens under the hood. Tokens that include comp in the name are reference tokens.