soft-pastel-playful · 柔和童趣 · 一阳前端视觉设计样例库

C 风格 DNA

FIT

C2C / Gen Z app
童趣品牌 / 母婴
女性向产品 / 美妆
Happy product / 心情类
独立创意 / personal blog

UNFIT

严肃 B2B SaaS
金融 / 医疗专业
工程 dashboard
编辑长文 / 期刊

关键词

马卡龙圆角 24软阴影pill buttoncursivesticker渐变

D 工艺 4 件

01/04

调色板·马卡龙 6 件套

柔和 + 高明度 + 中低饱和·6 色环·任 2-3 色随机组合都和谐·**禁用纯黑 / 高饱和原色**。

#FFB3C6

#FFF5A1

#A8E6CF

#C5B9FF

#FFD6A5

#B8E0FF

#FF7EB6

#4A3A52

02/04

字体·Outfit + Caveat

Outfit·friendly geometric sans·800 重做大字·Caveat·手写 cursive 做点缀·label / sticker / 装饰。

DISPLAY Outfit 800

BODY Outfit Regular 16px

SCRIPT Caveat handwriting

03/04

间距·宽松呼吸

section gap 96px·card padding 28px·低密度 + 大留白 = 童趣感的基础·别挤。

6

14

28

40

64

96

04/04

视觉特征·playful 武器

border-radius 24px / pill 999px 双档
shadow-y 4px 0 0 (扁平硬阴影)
不规则圆角 sticker 60/40/50/50
渐变 background 135deg 双色
highlighter 高亮文字 (yellow underlay)
icon squircle radius 22px + gradient
hover 翻转 / 微旋转 / translateY

E 跟 CC 对话 💬

标准

按 soft-pastel-playful 风格做这个 C2C app / 美妆 landing / 童趣品牌

叠加

走 soft-pastel-playful + 多用 sticker / 圆角更大 / 加 cursive 手写装饰

混合

主框 soft-pastel-playful + 局部 organic-handwritten 的笔触

CC 收到这个 style ID 会自动· 加载 frontend-design + pastel-aesthetic reference · 按 4 件 craft 实现·**不会冒出**·灰阶 / 黑白 / 严肃 serif / 大字 brutalist / monospace 装饰 — 这些是 soft-pastel-playful 的 DON'T。