Pocket CIS v1.0 · 對位 Studio Design System v0.3+
牛仔口袋示意

Pocket Design

Pocket 是 Studio Design System v0.3 之上的品牌層。SDS 管結構,Pocket 管品牌怎麼換皮。

五色、奶油底、泡泡語彙、吉祥物口袋、粉圓字 voice、膠囊鈕簽名。

五色 CIS · 奶油底

Pocket Red

操作、選取、焦點;禁大面積

Overall Blue

識別、連結;非狀態 info

White

卡片、agent 泡、onAccent

Star Yellow

徽章、高亮點綴

Ink

文字與邊框;禁大面積

奶油底

五色含 White;奶油底是 canvas 種子,不取代 White 主識別。

紅是訊號不是地毯

L1 → L2 → L3

palette → 語意 → 元件。

Studio Design System

狀態色固定,品牌換皮不可覆寫。

Pocket

user 泡用淡暖紅 accentSurface 與 Ink 字;CJK 正文 16 / 1.75。