Color

For designers

  • Create your own color scales (first level). These scales are only for you and long-term sustainability of your color system
  • Use values from these scales in the semantic tokens (second level).
  • Semantic color tokens will be automatically used in all components and also Supernova uses them
  • We strongly recommend not to change token names in Spirit components, as this may affect the usability of tokens across the system
null

Are you interested in how to set up the entire brand? Check out the guide

For developers

  • Use only color tokens which are shown in Figma (or Supernova if you use it)
  • If you use token exporters in Supernova, all changes will happen through it
  • If you need more colors or any changes, contact your designer or us in the #spirit-design-system_cs_en channel