Reference Token vs System Token

Aman Verma
Oct 14, 2022

--

To understand these, you need to know what are Design Tokens.

Design Tokens store the style values such as colors, fonts, shadows and grids which allows style values to be applied consistently across designs, code, tools and platforms.

Refer to the image below that shows a color system. System tokens are derived from Reference Tokens.

Reference Token vs System Token

--

--

Aman Verma

Building Habit-Forming Products | Ex-Pepperfry Ltd.