Discover and read the best of Twitter Threads about #CC8700
Most recents (1)
Some more "styles in Figma" thoughts
Let's take a look at the four types of colour styles you might build / encounter in your systems 🎨
• Raw values e.g. #CC8700
• Base tokens e.g. Yellow/400
• Global tokens e.g. Warning/Primary
• Component tokens e.g. Alert/Warning/Text
Let's take a look at the four types of colour styles you might build / encounter in your systems 🎨
• Raw values e.g. #CC8700
• Base tokens e.g. Yellow/400
• Global tokens e.g. Warning/Primary
• Component tokens e.g. Alert/Warning/Text
The last layer (component tokens) may be overkill for your needs, and you might not need to get that specific!
The "levels of abstraction" are down to how sophisticated your system might be, and you may not even need...any of the last three if you're okay with raw values😄
The "levels of abstraction" are down to how sophisticated your system might be, and you may not even need...any of the last three if you're okay with raw values😄
The way I have structured this, with the arrow inheritance, should indicate that you follow a path down from abstract raw value down to specific component token value
Each level introduces control – providing the systems team with a much stricter way of managing styles
Each level introduces control – providing the systems team with a much stricter way of managing styles
