Pixso
白色基底、渐变展示与细线分隔。
ProtoPie
白色基底、胶囊形控件与渐变展示。
页面以白色为基底，搭配近黑色文字。字体采用 Gilroy、Inter。视觉特点包括胶囊形控件、渐变展示、居中构图、网格布局。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 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上，以确保对比正确。
