💎 Design Token Naming Principle
The principle is based on a common model for human language and uses a 3-part structure for token names:
1️⃣ Context
2️⃣ Common unit
3️⃣ Clarification
👇 https://t.co/wBAP5gsBgA
💎 Design Token Naming Principle The principle is based on a common model for human language and uses a 3-part structure for token names: 1️⃣ Context 2️⃣ Common unit 3️⃣ Clarification 👇 https://t.co/wBAP5gsBgA
💎 Design tokens cheatsheet
The way to organize tokens in your DS depends on how many levels of abstraction you want to have. “purple-500” says nothing about where and how to apply this color. “color-action” does (interactive elements like links and buttons) https://t.co/Mkoi8RIdv6
Naming Tokens in Design Systems Base Levels Modifiers Objects Namespaces Lessons Learned
Nathan Curtismedium.com
💎 How to structure color palette
✅ Choose color-specific colors
✅ Define color pairs
🛑 Avoid poetic names (difficult to remember)
✅ Primitives to semantics to components
✅ Test for color contrast (and communicate contrast ratio) https://t.co/tCudiZNcm9
A beginner’s guide to Design Tokens by @subcide in @uxdesigncc
https://t.co/gUV5fD4saC #DesignTokens
Into Design Systemsx.com