Сolor Tokens - are Variables that Hold a Semantic Meaning. Each color has its semantic meaning, which should be used depending on the design context.

To determine the design context, it is necessary to analyze the component into four basics: UI element, color role, prominence, and Interaction.

Using our approach of generating color palettes and color tokens, we can develop beautiful and accessible design themes.

Thanks for watching!

🧡 Made with love for Phenomenon team 🧡