Riverside
浅色基底、胶囊形控件与圆角卡片。
Vimeo
白色基底、大字排版与紧密字距。
页面以白色为基底，搭配近黑色文字。字体采用 ABCRepro、ABCReproMono。视觉特点包括大字排版、紧密字距、扁平表面、居中构图。适合参考的场景：内容网站首页、编辑专题页。
查看原始网站使用规范
建议采用
- #17d5ff青色只用于主要操作背景，包括填充CTA、激活状态和播放按钮；绝不要作为装饰填充、插画颜色或大面积背景。
- 展示字号中积极使用负letter-spacing：72px时为-3.6px，40px时为-1.6px，32px时为-1.15px；16px及以下正文应采用接近零的字间距。
- 正文行距保持宽松，描述文字在16px时为1.58，标题为1.20-1.30；72px展示文字采用1.00行高是标志性选择，应呈现建筑感，而非拥挤感。
- 满宽分区在浅色（#fafcfd）与深色（#141a20）之间交替，建立纵向节奏；深色横带用于内容展示，浅色画布用于浏览。
- 所有交互元素，包括按钮、输入框、徽章和图像，都采用8px圆角；16px留给卡片，9999px留给胶囊形，绝不要混入4px和6px。
- 所有采用ABCRepro的文字都设置font-feature-settings: “lnum”，确保整个界面使用齐线数字。
- 保持紧凑密度：元素间隙8px和16px、卡片内边距20-24px、分区分隔64-80px；不要为“优雅”添加额外呼吸空间，密度本身就是要点。
建议避免
- 正文、背景或任何非操作元素不要使用#17d5ff；如果觉得某个元素需要彩色，那几乎肯定是错误的选择。
- 不要用阴影表现抬升；Vimeo的UI保持平面，通过背景色对比（#fafcfd与#dfe4ea）和边框分隔，而非box-shadow。
- 标题的letter-spacing不要大于0；紧密字间距是标志性特征，正字间距会让标题显得普通。
- 内容不要占据整个视口宽度；最大内容宽度为1200px，并保留舒适边距，首屏图像可以满幅，但文字和卡片始终受容器约束。
- 不要引入额外强调色；系统采用单色加唯一青色，添加第二种品牌色，如绿色成功或红色错误，会破坏编辑式克制。
- ABCRepro不要使用300或600字重；只定义400、500和700，如果需要中间字重，使用500。
- 正文不要居中；描述和段落始终左对齐，只有标题和简短标签可以居中。
