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