Add new Brand to a designsystem with Variables

Ask the community
1

Hi!
Today I have a design system built for a brand that is built with Variables

Primitives

  • Color
  • Numbers

Semantics
Colors

  • Primary
  • Secondary
  • Neutral

Numbers

  • Radius
  • Padding
  • Gap
  • Stroke

*** Design tokens**

  • Background
  • Surface
  • Fill
  • Text
  • Link
  • Borders
  • Icon
  • Button

Now I need to add a brand that will be based on the same design system.
The biggest difference will be the colors, the rest will build on the same foundation.

What is best practice? to have two separate Libraries or build with mods, or have 2 Libraries with mods in?

2

Hi Stefan, Thank you for reaching out! I think adding a mode to the current variables could be one of a suitable approach for adding a brand.
If a variable collection has multiple modes, then we can switch modes on layers and elements to quickly change designs for different contexts.

Here are some videos and articles that might provide helpful insights:

Hope it helps! If anyone has any advice, please feel free to share it here!
Thank you,