ProtoPie
白色基底、胶囊形控件与渐变展示。
Pixso
白色基底、渐变展示与细线分隔。
页面以白色为基底，搭配近黑色文字。字体采用 Figtree。视觉特点包括渐变展示、细线分隔、网格布局、大字排版。适合参考的场景：设计产品官网、作品展示页。
查看原始网站使用规范
建议采用
- 所有文字都使用 Figtree，不使用第二个字体家族，生产输出中也不使用系统回退字体。
- 页面背景使用 #faf8fd，绝不用纯 #ffffff，让卡片明显浮出。
- 同一操作行中，将 Carbon #121212 填充式主要按钮与 Mist 边框的轮廓式次要按钮配对。
- 卡片和导航使用 8px 圆角，按钮使用 12px，18px 只用于突出产品画框。
- 阴影保持标志性的双层叠加：1px 深色细线与 2–4px 柔和模糊。
- Iris Sweep 渐变只用于文字标志与品牌身份表面，绝不用在按钮或功能界面上。
- 让产品样机与设计套件缩略图承载所有色彩；界面外框保持灰度。
建议避免
- 不要引入彩色行动按钮；主要操作始终使用 Carbon #121212。
- 不要使用重投影或彩色阴影；浮起效果必须保持细线程度。
- 正文字号不要低于 13px，Figtree 字重不要低于 400。
- 界面表面不要添加渐变背景；渐变属于标志与装饰影像。
- 正文段落不要居中；系统在首屏下使用左对齐的连续正文。
- 任何交互元素都不要使用 #0000ee 或浏览器默认链接蓝。
- 按钮不要做成 9999px 的胶囊形；系统只使用 8/12/18px 圆角。
