招牌互動
勾選第二件商品時比較盤展開:被選的商品從各自格子裡被拿起(格中只留下虛線輪廓),沿弧線升起、飛進比較盤,換算成同一比例尺落在同一條基準線上,左側刻度尺一格格長出來——誰高誰矮、誰寬誰窄一眼看清
還有這些細節
- 購物車抽屜由右側滑入
- 比較盤第一次出現時由底部升起
設計語言
- 材質與畫面
- 鈷藍全幅+「分水」五階鈷藍與薄荷的硬邊色域拼接;每件器物是白瓷底的鈷藍繪:排線陰影、粗細起伏的輪廓筆、材質紋、落地乾筆,站在一塊橢圓轉盤上
- 字型與排版
- WDXL Lubrifont TC(窄方刻字展示體)只用在大標與品名;所有數字(價格、品號、刻度、件數、合計)只用 Sometype Mono 一套;內文 Noto Sans TC 400–600 的電報短句,字距放寬;同一把尺的品號與高度用直排
- 動態
- 拿起與列隊:被勾選的商品從格中被拿起(格裡只留虛線輪廓),沿弧線升起飛進比較盤,換算成同一比例尺落在同一條基準線,刻度尺隨後長出來
一日一帖
一盞
慢焙咖啡
二十四節氣小農