Pixso

沐浴晨光的洁净设计师画布。
Pixso 的营销界面是近单色画廊:暖白画布、细线边框与黑色标题,让彩色产品作品与设计套件缩略图承担视觉表达。Figtree 用广泛的字重承载完整声音:400 轻声细语,600 自信,700 在首屏宣言中形成强烈存在感。唯一的彩色标点是一层浅蓝色与紫到蓝的标志渐变;其他颜色都来自真实产品展示,而非装饰。组件平放,以很柔和的阴影与适度圆角,让页面像大理石桌面上摆好的设计师工具:工具安静,作品响亮。
查看原始网站使用规范
建议采用
- 所有文字都使用 Figtree,不使用第二个字体家族,生产输出中也不使用系统回退字体。
- 页面背景使用 #faf8fd,绝不用纯 #ffffff,让卡片明显浮出。
- 同一操作行中,将 Carbon #121212 填充式主要按钮与 Mist 边框的轮廓式次要按钮配对。
- 卡片和导航使用 8px 圆角,按钮使用 12px,18px 只用于突出产品画框。
- 阴影保持标志性的双层叠加:1px 深色细线与 2–4px 柔和模糊。
- Iris Sweep 渐变只用于文字标志与品牌身份表面,绝不用在按钮或功能界面上。
- 让产品样机与设计套件缩略图承载所有色彩;界面外框保持灰度。
建议避免
- 不要引入彩色行动按钮;主要操作始终使用 Carbon #121212。
- 不要使用重投影或彩色阴影;浮起效果必须保持细线程度。
- 正文字号不要低于 13px,Figtree 字重不要低于 400。
- 界面表面不要添加渐变背景;渐变属于标志与装饰影像。
- 正文段落不要居中;系统在首屏下使用左对齐的连续正文。
- 任何交互元素都不要使用 #0000ee 或浏览器默认链接蓝。
- 按钮不要做成 9999px 的胶囊形;系统只使用 8/12/18px 圆角。