Design System · Token Library
歡迎回來
請輸入密碼以進入

CUBE Token Library 201 Variables

Figma Variable Token Library

CUBE Design System 的雙層 Token 架構 — Primitive 原始色階 + Semantic 語意引用。所有 Collection 含 iOS / Android 雙 Mode。

6
Collections
201
Variables
2
Modes (iOS / Android)
76
Primitive Colors
72
Semantic Aliases

Semantic Layer

color/bg/primary
color/text/secondary
color/func/success

→ alias →

Primitive Layer

gray/0 = #FFFFFF
green/600 = #0F8144
blue/600 = #0C76B0

Collection 1 — Color / Primitive

76 variables
Interface
light
#FFFFFF
dark
#000000
Gray — 13 steps  (★ 500)
Green — 11 steps  (★ 600)
Blue — 11 steps  (★ 600)
Purple — 11 steps  (★ 600)
Red — 11 steps  (★ 600)
Orange — 11 steps  (★ 600)
Translucent
AI / Dialog
pale-blue
#E6EEF4

Collection 2 — Color / Semantic

68 aliases

Collection 3 — Spacing

12 variables

Collection 4 — Radius

8 variables

Collection 5 — Size

20 variables

Collection 6 — Typography

24 variables
Copied!