finesse 风格对照 · 「今日数据」KPI 卡
同一张卡,左边是现在板上的样子,右边是套用 finesse「product-ui」工艺后的样子——只取跟 H 不冲突的部分(守住绿色主色、扁平、医疗克制),不上颗粒/暗角/浓色/hero 引擎。给你先看一眼,再决定要不要采纳。
finesse 具体改了什么(都在 H 语言之内)
- 加了 KPI 瓦片解剖:每格左上角一个图标 chip + 右上角状态标签,一眼分清「已完成」和「待处理」,不用读完四行字。
- 待处理项用琥珀色区分(待推送/待跟进):原来四格长得一模一样(finesse 判为「identical card grid」廉价点),现在按「要不要动手」分了两组,信息层级立起来了。
- 数字改等宽体 + 更紧字距(tabular-nums / -.02em):四个数字对齐、更像仪表盘,不像随手排的文字。
- 发丝级极淡投影 + 更克制的间距节奏:卡片有了微弱层次,但仍是扁平医疗观感,没上颗粒/渐变。
- 数字入场逐个上浮(0.05s 错峰):finesse 的「feedback-only」动效,尊重「减少动态」偏好设置。