Theming with Design Tokens

Danny Banks @dbanksdesign

🌶🌶🌶🌶🌶🌶🌶🌶🌶🌶🌶🌶🌶🌶🌶🌶🌶

Mutually Exclusive Build-time Hierarchical

Modes Dynamic Contextual Run-time Flat

Semantic naming ) ( ) ) ( ( ) ( Ordinal Primary Secondary Tertiary Quaternary Scale Small 1 Medium 2 Large 3 XL 4 Categorical Info Warning Error Success

References Names

csszengarden.com

bradfrost.com/blog/post/creating-themeable-design-systems/

hihayk.github.io/shaper

W3C Design Token Community Group designtokens.org github.com/design-tokens Resources Resources Design Systems Slack https://design.systems/slack/ #topic-design-tokens Awesome Design Tokens github.com/sturobson/AwesomeDesign-Tokens

https://bit.ly/theming-with-design-tokens Danny Banks @dbanksdesign