Pocket CIS v1.0
品牌
紅是訊號不是地毯。
品牌層 · SDS 管結構，Pocket 管換皮
Studio Design System v0.3
token 三層制、狀態色固定值、字階四檔、圓角三檔、陰影四級、動效一曲線兩時長、無障礙底線。
五色 L1、奶油底、泡泡語彙、吉祥物口袋、粉圓字 voice、膠囊鈕簽名。
禁例 · 紅叉對照
紅色卡片海
accent 大面積
正文行高低於 1.7。Pocket 是 SDS 之上的品牌層，CJK 正文不能擠行。
正文 16 / 1.75。Pocket 是 SDS 之上的品牌層，CJK 正文行高 ≥ 1.7。
● danger = Pocket Red
● info = Overall Blue
● danger = SDS
● info = SDS
| ✕ 禁 | ✓ 正解 |
|---|---|
| **accent 大面積**(整版紅底、紅色卡片海)——「紅是訊號不是地毯」 | accent 只用於:主按鈕、選取指示、focus ring、連結強調;選取底用 accentSurface 淡紅 |
| **品牌覆寫狀態色**(把 success 調成品牌綠、danger 調成品牌紅) | 狀態色吃 SDS 固定值;品牌紅與 danger 必須肉眼可辨(deny ≠ accent) |
| **正文行高 < 1.7**(CJK 擠行) | body 16/1.75;只有 caption 檔可 1.6 |
| **無 focus ring / 自己發明 focus 樣式** | 統一 2px accent outline + 2px offset;文字框用 accent 邊 + 3px 光暈 |
| accent 上白字作長文(4.16:1 不夠 AA 正文) | accent 上白字限 semibold 短標籤;內文連結用 action-link |
| 黑(ink)大面積填色 | ink 只做文字與邊框 |
| 黃搶紅(Star Yellow 大面積) | 黃=徽章/高亮點綴,節制使用 |
| phase 色各自配(同一狀態三處三個色) | 一律查 PocketPhaseStyle 表 |
| 固定頻率動畫不設門檻(短操作閃 bar、卡頓病原) | delayed-status 1.5s/0.3s;reduced-motion 全關 |
吉祥物 · 牛仔口袋
app icon = 牛仔口袋擬物：紅內裡、白襯線、丹寧、金黃車線。Generated, never hand-edit。
此圖沿用先前生成示意，附件未提供正式 logo 或吉祥物檔；不視為正式商標資產。附件未定義最小尺寸或留白規則，本頁不沿用先前暫擬值。
商標邊界與開源授權
名稱 / logo / 吉祥物保留。
MIT
Tokens 與代碼。
CC BY 4.0
文件。
跨端差異與裁決紀錄
以下是附件原衝突表，非全部仍待裁。2026-11-13 裁決「對齊」：#1–10 / #12–14 共 13 條已落地。唯一待裁 #11：iOS 陰影維持平台近似、級別對位。品牌藍保留作識別 / 連結，狀態 info 改 SDS。
| # | 項 | iOS 現值 | web console / SDS 現值 | 備註 |
|---|---|---|---|---|
| 1 | 狀態色(light) | success (2.72:1✕)/ danger / warning / info (2.80:1✕) | (4.81:1)/ / / (5.21:1) | SDS 規定狀態色固定;iOS 值在奶油底當文字不過 AA。**規範採 SDS 值**,iOS 待遷;iOS 的 info=品牌藍身兼兩職,web 已拆 link(品牌藍)/info(SDS) |
| 2 | 泡泡圓角 | PocketRadius.bubble = 20 | .card = 14(+ 本次拍板 14) | 規範寫 14;iOS 20 待遷或裁「平台自有」 |
| 3 | user 泡填色 | 實心 accent 紅 + 白字(大面積 accent) | accentSurface + ink 字(14.16:1)+ accent @28% 邊 | SDS accent 紀律禁大面積;web 做法合規。裁:iOS 跟進或豁免 |
| 4 | textMuted(light) | (4.84:1) | (5.07:1) | 都 ≥4.5,差異小;挑一個 |
| 5 | faint(light) | (**1.99:1**,<3 不合格) | (3.34:1) | 建議採 web 值;iOS 現值在奶油底實質不可見 |
| 6 | faint(dark) | (3.11:1) | (3.78:1) | 都 ≥3;挑一個 |
| 7 | 第三面角色 | backgroundTertiary (淺托盤) | --color-surface-sunken (暖紙深一階) | 不只值不同,語意也沒對上;需定義 sunken/tray 是一個 role 還是兩個 |
| 8 | 邊線 alpha | ink @ 0.10(strong 0.16) | ink @ 0.14 | 挑一檔或定兩檔(quiet/strong) |
| 9 | 動效參數 | fast .12 / base .20 / slow .30;spring 註解引 cubic-bezier(0.32,.72,0,1) | cubic-bezier(.2,0,0,1);.2 / .25 | SDS 曲線為準;iOS spring 近似可接受,註解的舊曲線要改 |
| 10 | body 字級 | PocketFont.body = 14(HIG 慣例) | body 16/1.75 | 可能屬平台慣例(iOS 聊天正文實用 16 系 subhead);裁:iOS body 檔是否升 16 |
| 11 | 陰影值 | PocketShadow sm(y1 b2 .05)… xl(y16 b40 .14) | SDS 四級(§5.3,oklch 暖灰基底) | 平台近似值;裁是否逐值對齊 |
| 12 | toast | 無共用元件;就地黑膠囊(black @.78 + 白 caption) | danger 底、radius 20、影級 3 | 建議 iOS 補共用元件照 §6.8 |
| 13 | white 主題中性灰 | muted / faint | muted (5.09:1)/ faint (3.40:1) | 同 #4/#5;iOS faint 同樣偏淡 |
| 14 | accentSurface(white 主題) | —(iOS 用 accentTint α 疊色) | (pocket 主題為 ) | 末碼 D6/DE 是否刻意分流,待確認 |