Touch First · 触控优先

色块构建层级
触控即时回应

零阴影、零渐变,让纯色块与大号粗字承担全部视觉秩序;按下即刻 0.97 缩放。

类别 · 移动端 年代 · 2010s–2020s 复杂度 · 低 最适合 · 跨平台应用 / 信息仪表盘

Features

为什么选扁平

色块分区

整宽纯色区块交替铺排,用颜色而非线框与阴影承载信息层级。

即时按压

按下 scale 0.97,无延迟无涟漪,干脆直接的触觉语言。

极速渲染

零阴影零特效,GPU 负担极小,入门机型也能稳住流畅帧率。

Controls

按钮与控件

徽标 新功能 已完成

悬停加深底色 / 按压 scale 0.97 / 禁用转为浅灰,全程无阴影。

Form

预约演示

Palette

配色板

#3B82F6
#10B981
#F59E0B
#111827
#F3F4F6
#E5E7EB

Type

字体级阶

展示级 · Inter ExtraBold · 40px

大字当家

标题 · Inter Bold · 24px

区块标题清晰直接

正文 · Inter Regular · 17px

正文 17px、行高 1.6,深灰 #4B5563 负责次级说明文字。

标签 · Inter SemiBold · 12px 大写

Label 标签样式