📄️ Introduction
デザイントークンとは、デザインシステムを構成するための全ての値であり、データとして表されます。
📄️ Color
プロダクトを構成するために必要な最低限の色を定義しています。
📄️ Typography
フォント
📄️ Breakpoint
| エイリアス | Break at |
📄️ Spacing
Spacing は主にレイアウトで使われるトークンです。
📄️ Border
CSS では border が関連します。
📄️ Icon
アイコンのトークンを定義します。
📄️ Shadow
CSS では box-shadow, drop-shadow が関連します。
📄️ z-index
コンポーネントのレイヤーを規定します。