Skip to main content
Question

Tokens & variables within multibrand design system?


Michael_Klein

Hello,

we are running a multibrand design system with swap library to exchange all brand attributes for each brand. Now we want to update our design system with the native variables and tokens so we can use the modes feature for lightmode / darkmode ie.

Does it make sense to keep the basic swap library principle with brand related separated libraries for each brand or would it maybe better to store all brand attributes in one single library without swapping libraries anymore?

Are the tokens swapped like styles in the same way with swap library?

Cheers, Michael

This topic has been closed for comments

2 replies

Bruno_Bach

Here’s what I’ve done:

All my spacing, colors, dimensions, etc are set as variables in one file (let’s call it Design System) and typography is created as local styles. Brand colors that are switching are set as Modes, so I can easily change them

Then, I have a file setup for each brand, just to have local typography styles. When pulling a component from the Design System, I can change de mode (aka brand) and then just go to assets > libraries and swap the typography styles.

Does that answers your question?


  • 0 replies
  • August 12, 2023

This topic was automatically closed after 30 days. New replies are no longer allowed.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings