软软的 · 可以捏的界面

像捏黏土一样
把应用捏进手心

饱满圆角、多层阴影栈与果冻色渐变,让每一次按压都带着弹簧回弹的软糯手感。

今日软糖任务

再完成 2 个练习,捏出你的第 8 枚黏土徽章

风格信息

类别 Mobile 移动端 年代 消费 / 教育 复杂度 最适合 儿童教育 · 青少年社交 · 游戏化

风格特性

Bento 网格:主卡通栏,双列小卡。

多层阴影栈 = 黏土厚度

外投影 12px + 高光 -8px + 双内阴影同时叠加,卡片像从画布里鼓出来的软陶。

果冻渐变按钮

#A78BFA→#7C3AED 顶部高光,按下挤压到 0.92。

玻璃黏土混合卡

70% 白 + 背景模糊,泡泡在卡片后缓缓漂移。

按钮与控件

悬停上浮,按压弹簧挤压,禁用变灰变扁。

新徽章 +1 已完成 连击 ×7

创作提交

凹陷的输入槽,聚焦时点亮紫罗兰描边。

配色板

薰衣草白画布上的果冻色。

鲜紫罗兰
#7C3AED
热粉
#DB2777
翡翠绿
#10B981
琥珀黄
#F59E0B
画布底
#F4F1FA
软炭黑
#332F3A
薰衣草灰
#635F69
按钮渐变
A78BFA→7C3AED

字体级阶

显示级 · Nunito Black 900 · 40px

软软的世界

标题 · Nunito Black 900 · 26px

今日黏土任务

正文 · DM Sans Medium · 16px

圆角要饱满,阴影要多层,按下去要有弹簧一样的回弹。

标签 · DM Sans Bold · 13px

连击 ×7 · 徽章 +1 · 弹性 0.92