Components > Button
Button
按鈕是介面中最重要的互動基礎,在 SyncAI 系統中,按鈕的設計核心在於明確的意圖傳達與紮實的物理回饋,透過精密定義的色彩對比、空間高度與互動曲線,確保使用者在執行關鍵任務時,能獲得高度確定的操作感。
Viscous Interaction
懸停效果模擬液體受引力影響的微幅拉伸。Secondary 採用玻璃磨砂質感,模擬半透明液膜的邊緣折射。
SYNCROBOTICORBIELOCALMIND
01. Primary (Default)
02. Secondary
03. Ghost
04. Destructive
05. Link Interaction
06. Composition
Icon Only
Dual Affordance
Spinner Overlay
Icon Only
Dual Affordance
Spinner Overlay
07. Layout (Segmented)
08. Sizing
LG: HEIGHT 48PX / FONT 16PX / PADDING 24PX
MD (DEFAULT): HEIGHT 40PX / FONT 14PX / PADDING 20PX
SM: HEIGHT 32PX / FONT 12PX / PADDING 20PX
LG: HEIGHT 48PX / FONT 16PX / PADDING 24PX
MD (DEFAULT): HEIGHT 40PX / FONT 14PX / PADDING 20PX
SM: HEIGHT 32PX / FONT 12PX / PADDING 20PX