Pixso
白色基底、渐变展示与细线分隔。
Sketch
浅色基底、胶囊形控件与渐变展示。
页面以浅色为基底，搭配近黑色文字。字体采用 Reckless、InterVariable。视觉特点包括胶囊形控件、渐变展示、细线分隔、衬线字形。适合参考的场景：设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- 在显示标题中使用Reckless衬线字体，字号范围为44–76px；绝不用于正文、UI或导航文本。
- 将主要行动号召按钮设置为#151515填充，并搭配标志性的粉到洋红色外环光晕，半径为20px。
- 保持页面画布为#fafafa（骨色），并将#212123（黑曜石）保留用于主要文本和最深的交互状态。
- 将粉到薰衣草色渐变（暮色渲染）作为满幅首屏背景使用；绝不作为小装饰元素或按钮填充。
- 仅在半径不超过9999px的徽章内使用三种强调色（虹光、碧海、钴蓝）；绝不作为卡片、按钮或大面积背景的填充。
- 保持8px作为基础间距单位，区块间垂直节奏为80px。
- 正文文本使用14–16px的Inter字体，行高为1.5–1.6；阅读层宽裕而不密集。
建议避免
- 不要在小于44px时使用Reckless——衬线字体的特征需要在显示级尺寸下才能正确阅读。
- 不要引入除虹光、碧海和钴蓝之外的任何饱和色；该系统设计上为97%无彩色。
- 不要将暮色渲染渐变应用于卡片、按钮或文本背景——它仅具有氛围感。
- 不要在卡片或按钮上使用锐利的边角（0–4px）；图标最小结构半径为8px，容器为20px。
- 不要为卡片添加厚重的阴影；应使用细线边框或现有的微妙阴影模式，而非戏剧性的抬升效果。
- 不要在Inter字体中使用700及以上字重；系统内最大字重为600。
- 不要在彩色背景上放置彩色徽章；徽章必须位于骨色或黑曜石底色之上才能清晰可读。
