内外双层阴影
inset -2px -2px 8px 内高光加 4px 4px 8px 外投影，柔和无硬边，鼓出厚厚的黏土体积感。
风格信息
- 类别通用 General
- 年代2020s 现代
- 复杂度中 Medium
- 最适合教育 / 儿童应用 · 创意工具 · 休闲游戏
风格特性
黏土拟态的三个关键视觉指纹，全部由纯 CSS 实现。
厚边与饱满圆角
3–4px 实心白边包裹 16–24px 大圆角，每个元素都像刚从模具里脱出来的软糖。
果冻弹性动效
cubic-bezier(0.34, 1.56, 0.64, 1) 软弹跳悬停，按压 200ms ease-out 回缩，Q 弹十足。
按钮与控件
悬停上浮回弹、按压收缩、禁用变灰——请动手试试。
新上架
编辑推荐
已完成
表单示例
黏土质感输入框：奶油底、软内阴影，聚焦时出现清晰焦点环。
配色板
马卡龙粉彩主色 + 奶油底色 + 深莓紫文本色。
蜜桃粉
#FDBCB4天空蓝
#ADD8E6薄荷绿
#98FF98香芋紫
#E6E6FA奶油底
#FFF4EC深莓紫
#4A3650字体级阶
圆润的 Nunito 家族，从展示级到标签的四档级阶。
软软的黏土标题
卡片小节标题
正文文字在奶油底上保持 4.5:1 以上的对比度，行高 1.65，阅读轻松不费眼，就像躺在云朵上看绘本。
Clay Label · 标签样式