Riverside
浅色基底、胶囊形控件与圆角卡片。
使用规范
建议采用
- 以 Paper White #ffffff 作为主画布，并在广泛的页面区域保留细微的颗粒质感。
- 将展示标题使用 Exposure 400 字号48px，字间距-0.48px；多行首屏标题采用67.68px行高，简洁的板块标题则为48px。
- 使用 DenimINK 400 字号16px 用于公共导航、正文内容和标准控件。
- 主要页面区块之间使用160px的区块间距分隔。
- 标准卡片和控件使用12px圆角，特色媒体容器使用40px圆角，仅在紧凑的胶囊形控件中使用9999px圆角。
- 重复出现的白色控件使用 Steel Inset #d0d6d7 的0.5px内嵌边框，而非厚重的阴影。
- 在选定的产品编辑芯片、标签和图标细节中保留 Prism Cyan #00d0ff。
建议避免
- 不要用灰黑色的区块替代 Paper White #ffffff 画布；将 Air Wash #effbff 保留用于编辑和媒体表面。
- 不要将 Prism Cyan #00d0ff 作为通用公开 CTA 的填充色。
- 不要将公共导航的字重设置得比 DenimINK 400 16px 更重。
- 不要将所有媒体元素都统一为12px圆角；在40px的特色媒体卡片内，图片使用20px圆角。
- 不要为卡片添加广泛的深色阴影；卡片整体以平面为主，辅以边框、内嵌边缘，或单层柔和的蓝色 0 0 80px rgba(190, 210, 235, 0.45) 光晕。
- 不要将常见问题解答行拆分为独立卡片；保持全宽行结构，并保留 #e8eff2 分隔线。
- 不要在没有产品状态证据的情况下引入饱和度高的状态色系统。
