ESUNDESIGN SYSTEM
WP

STYLES & TOKENS

樣式

用 Token 管理色彩、字體、間距與動效,讓設計與程式共享同一套語言。

119Semantic Tokens
NAMING LOGIC

由類別讀到使用情境

使用小寫英文與句點分層,名稱描述用途,而不是綁定視覺數值。

color.background.primary.hover

樣式分類

每個分類都包含預覽、Token、實際值、用途與平台對應。

色彩

Color

48 tokens

Aa
字體

Typography

16 styles

間距與尺寸

Spacing & Size

12 tokens

邊框與圓角

Border & Radius

14 tokens