playful-color 是 madebymustafa/design-taste 下的一套设计风格规范，定位为“让人无法走过的海报”——醒目但绝不潦草，主要用于大胆、欢快的消费类产品设计。它并非可安装的软件工具，而是一份以规则形式给出的视觉系统说明。
用途与定位：该规范面向 D2C 等消费品牌的界面与页面设计，提供一套固定的配色、字体、构图、内容处理与动效约束，帮助设计者快速产出风格统一且强烈的视觉结果。
主要规范内容：
一、配色（固定）。底色为奶油色 #FDF6EC 或亮纸色 #FFF9EF，不使用纯白；文字与描边为墨黑 #101014。饱和色最多两种，从钴蓝 #2E4BFF、番茄红 #FF4D2E、香蕉黄 #FFD100、薄荷绿 #2BD99B、品红 #FF3ED2 中刻意选择，一种为主色铺大面积，一种为辅助色用于点缀与标记。形状与纸面交界处一律使用 2–3px 实色描边，形成贴纸切割线质感。禁止渐变与模糊阴影，只允许硬偏移阴影（6px 6px 0），且仅用于 2–3 个主视觉元素，每个视口最多一个。
二、字体（固定）。展示标题使用超重字重：Archivo Black、Bricolage Grotesque 800 或系统 bold-900，字号 clamp(3rem, 8vw, 7rem)，行高 0.95，字距 −0.02em，大写或句首大写并可旋转某个词作强调。正文使用同字族 500/400 字重，16–18px，行高 1.55，技术性内容可用等宽字体。标签使用等宽或粗体大写，字距 0.06em，11–12px，须在其色块上保持可读。强调手法只允许一种：6px 强调条下划线，或放在旋转实色块上，每页使用不超过 3 次。
三、构图（固定）。遵循“网格骨架 + 离网格能量”：所有元素对齐 12 栏网格，但对 2–3 个主视觉元素（徽章、单个词、按钮组）做 2–4° 的刻意旋转，旋转是调味料，过度使用即破坏。分区采用色块交替：纸色区块与满幅墨色或强调色区块交替，墨色区块使用纸色文字。贴纸式组件（徽章、标签）为带 2.5px 墨色描边的实色块，方形或胶囊形，不用渐变或玻璃效果。首屏由巨大字体、贴纸徽章、一个厚重 CTA 与色块化产品面板组成，首屏最多两种颜色。定价区为三张厚重卡片，各自实色块（纸色/强调色/纸色），墨色描边，仅推荐卡使用硬偏移阴影。
四、内容处理。不使用 emoji；改用简单图形标记：点阵、星号、3px 描边箭头、手绘感 SVG 曲线（下划线、涂鸦圈）。鼓励使用平面几何图形插画（圆、半圆、辐条），仅用两种墨色，禁止渐变、3D 与照片级写实。文案简短直接，每页感叹号预算为一个。CTA 厚重：最小高度 56px，2.5px 墨色描边，硬偏移阴影，按下态为阴影移除并位移 2px。
五、动效（弹跳但短暂）。入场使用弹簧曲线 cubic-bezier(0.34, 1.56, 0.64, 1)，时长 350–500ms，每个元素只播放一次。悬停时按钮上移 3px、阴影增大 2px；标志最多摆动一次。禁止无限循环与跑马灯。
六、检查清单。若调色板超过两种饱和色加奶油色与墨色、出现渐变或柔和模糊阴影、每页旋转元素超过约 3 个、使用 emoji、正文小于 16px 或对比度低于 4.5:1、展示字体小于 3rem，或任何设计元素显得“不敢存在”，则视为不合格。
使用方式：这是一份设计规范文档，需由设计者在具体项目中按其配色、字体、构图与动效约束执行；页面未提供安装命令、代码或自动化工具。
适用场景：D2C 品牌、消费类产品落地页、营销与促销页面等需要强烈视觉冲击的界面。
限制：所有规则为固定约束，灵活性低；未提供具体实现代码、组件库、平台支持范围或收费信息，这些内容暂未提供。