MD3 · 动态取色

色彩因你而生，
表面随调而变

从壁纸提取的色调铺满胶囊按钮、状态层与色调表面，柔和、有序、可访问。

立即开始 查看规范
类别 · 移动端 年代 · Material Design 3 复杂度 · 中 最适合 · 安卓生态 / 效率工具

Features

三层色调语言

色调表面

海拔不靠重阴影，而用容器色的深浅层叠出空间秩序。

状态层叠加

悬停 8%、按压 14% 的同色覆盖层，反馈轻柔而一致。

强调缓动

cubic-bezier(0.2, 0, 0, 1) 的强调曲线，100–400ms 干净利落。

Controls

按钮与控件

徽标 Beta 通道 已同步

悬停 8% / 按压 14% 状态层 + scale 0.95，禁用为 12% 表面色。

Form

加入测试计划

聚焦时标签上浮、指示线加粗为主色。

Palette

MD3 色彩令牌

#6750A4
#E8DEF8
#7D5260
#FFFBFE
#F3EDF7
#79747E

Type

字体级阶

展示级 · Roboto Regular · 40px

轻盈的大标题

标题 · Roboto Medium · 26px

小节标题稳重适中

正文 · Roboto Regular · 17px

正文 17px、行高 1.6，次级信息使用 On-Surface-Variant 灰紫。

标签 · Roboto Medium · 12px

Label 标签样式 · 字距 +0.8