Riverside
浅色基底、胶囊形控件与圆角卡片。
Wiza
白色基底、渐变展示与细线分隔。
页面以白色为基底，搭配深灰色文字。局部操作控件以紫色强调。字体采用 Britti Sans、Inter。视觉特点包括渐变展示、细线分隔、居中构图、产品图像展示。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 所有矩形界面表面，包括卡片、按钮、输入框和图标容器，都使用 8px 圆角。8px 才是标志，而不是 4px 或 12px。
- 1440px 圆角只用于胶囊、标签和胶囊导航项，绝不用在卡片或面板中。
- Britti Sans 标题行高精确设为 1.0。紧密行高让文字具有建筑感。
- 标题和实心按钮背景使用 Deep Iris #26114a。绝不用它设置大于 24px 的正文，因为它在小字号下会显得压迫。
- 首屏 CTA 模式中，每个实心按钮旁都搭配同样尺寸的幽灵按钮。
- 区块引导语通过标题上方的小型胶囊标签锚定，采用 Mist Violet + Royal Amethyst。
- 首屏和功能区块背景使用 Lavender Wash 渐变，它定义了氛围。
- 所有界面文字保持 12–16px 的 Inter。紧凑字号范围传达数据密集产品的特征。
建议避免
- 正文不要使用 Royal Amethyst #3e0079，它在小字号下会产生令人不适的视觉振动；只留给链接、图标和强调描边。
- 卡片不要使用 4px 或 12px 圆角。视觉一致性必须坚持 8px。
- Britti Sans 标题行高不要超过 1.0。紧密感正是重点。
- 不要引入紫罗兰色系之外的新彩色。配色刻意保持单一紫罗兰色系。
- 不要使用重投影。带蓝色调的阴影应保持轻微，最大模糊为 32px，不透明度为 6%。
- 多行正文段落不要居中。只有标题和短引导语采用居中。
- 深色文字不要直接放在薰衣草渐变上，应在两者之间加白色表面卡片，以保证可辨认。
- 功能插画中不要使用圆角图像或照片。设计以图形符号为主，而非摄影。
