L3 / Editorial

元件

Pocket 品牌層 · 八件元件

01 · 按鈕

primary = accent / accentForeground · secondary = surface / text · danger ≠ accent · radius 9999 · ≥ 44pt

● 運行中

Pocket 是 Studio Design System v0.3 之上的品牌層。

● 等待批准

JSON · 53-role

surface · cardBorder = ink @ .10 · radius 14 · shadow 1

Pocket 是 SDS 之上的品牌層。紅是訊號不是地毯。

選取底用 accentSurface 淡暖紅，正文用 Ink。

user = accentSurface / text · accent @28% border · 14 / tail 6 · body 16 / 1.75 · max-width min(760px, 92%)

runningsuccessapprovalwarninginputinfofaileddangerdonesuccessqueuedmutedreconnectingwarning

所有狀態一律查 PocketPhaseStyle；running / done = success，不使用品牌藍或品牌紅覆寫。

此處為元件樣本，非真實 agent 作業。顯示門檻 1.5s、消失延遲 0.3s；停止直亮。 14s → 2m 05s → 1h 20m · accent @7% / @20%

field 10 · selected = accentSurface + inset 3px accent · sidebar = surface-sunken

名稱已停用

surface · border · text · placeholder = text-faint · focus = accent border + 3px glow @18%

錯誤訊息

danger / danger-foreground · caption 13 / 1.6 · radius 20 · shadow 3 · dark foreground #2A1210