Design System / Tokens - Reading List

DS-reading-list.md

Core Concepts / Strategies

Design Token Rosetta Stone:

• https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421

Pattern Variation

• http://v3.danielmall.com/articles/content-display-patterns/
• http://bradfrost.com/blog/post/pattern-variations/

Tokens Partials

Scale

• https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62
• https://builttoadapt.io/intro-to-the-8-point-grid-system-d2573cde8632

Typography

• http://alistapart.com/article/more-meaningful-typography
• https://jxnblk.com/blog/mathematical-web-typography/
• https://pearsonified.com/2011/12/golden-ratio-typography.php

Color

• https://medium.com/eightshapes-llc/color-in-design-systems-a1c80f65fa3
• http://alistapart.com/article/color-accessibility-workflows
• https://speakerdeck.com/broccolini/color-systems | https://www.youtube.com/watch?v=R4QZJ3qWjLw
• https://jxnblk.com/blog/color-palette-documentation-for-living-style-guides/

Tools

Amazon, Style Dictionary

• https://github.com/amzn/style-dictionary

Salesforce, Theo tokens generator

• https://github.com/salesforce-ux/theo