Pixso
沐浴晨光的洁净设计师画布。
ProtoPie
如同使用紫罗兰墨迹、洒满阳光的原型工作室：设计师干净的白色制图桌上，唯一的电光紫色铅笔标记每个可交互想法。
ProtoPie采用洒满阳光的原型工作室语言：白色画布、近黑墨色，以及作为系统唯一彩色语气的自信紫罗兰。展示文字采用Gilroy 700，字号宽松为48–62px，让标题具有友好、设计师亲手制作的感觉，而非企业感。界面主要保持单色，紫罗兰作为功能强调出现在按钮、链接、图标和激活状态上，从不作为装饰浅色调。组件像工作室托盘中的工具，卡片圆角16px，按钮12px，标签为胶囊形，唯一几乎无法察觉的阴影将表面轻轻抬起，却不宣告自身。背景白色，带有低语般柔和的粉彩青绿和薰衣草径向渐变色洗，形成从不与内容竞争的深度。
查看原始网站使用规范
建议采用
- Electric Violet #8169ff用于每个传达品牌语气的表面，包括填充按钮、激活链接、关键图标和激活导航；系统只有一种彩色，不要引入第二种。
- 展示标题采用Gilroy 700、48–62px和1.16–1.29行高；宽松字号与紧密行距是品牌视觉的标志性特征。
- 所有卡片和大表面采用16px圆角，矩形按钮12px，标签、小标签和头像9999px完整胶囊形；圆角词汇就是系统轮廓。
- 间距建立在4px基础上：8 / 12 / 16 / 24 / 32 / 64 / 80，所有数值都应为4的倍数。
- 任何抬升卡片都采用唯一阴影`rgba(0,0,0,0.12) 0 3px 12px, rgba(0,0,0,0.3) 0 0 2px`；更厚重的阴影会破坏平面、近似纸张的感受。
- 正文保持Inter 400、16px，次级文字采用Graphite #555555，Silver #999999只用于占位文字和禁用状态。
- 两种径向渐变以最高20–25%不透明度叠放，首屏左侧Aqua Wash、右侧Lilac Bleed；它们营造氛围，而非图案。
建议避免
- 不要引入第二种强调色；系统是单色加唯一紫罗兰，任何额外色相都会稀释品牌语气。
- UI表面或按钮标签不要使用纯#000000；它只留给标题，导航、输入框和交互UI使用Carbon #181818。
- 阴影不要比唯一的3px/12px叠层更厚重；深投影或彩色辉光不属于系统。
- border-radius不要小于4px；设计依靠宽松圆角，锐利角度会显得属于另一套系统。
- 正文或UI文案不要使用Gilroy展示字重；Gilroy用于标题和导航，功能性或密集文字采用Inter。
- Gilroy不要调整letter-spacing；字间距保持normal，字体的几何比例承担表现。
- 紫罗兰不要置于带色调或渐变背景上；Electric Violet只放在白色、近白或Solid Lilac上，以确保对比正确。
