Home
白色基底、衬线字形与胶囊形控件。
Telescope
近白色基底、等宽文字标注与大幅摄影展示。
页面以近白色为基底，搭配近黑色文字。字体采用 Beausite、DM Mono。视觉特点包括等宽文字标注、大幅摄影展示、紧密字距、衬线字形。适合参考的场景：音视频产品介绍页、媒体内容展示页。
查看原始网站使用规范
建议采用
- 将 Lime Pulse（#e3f794）专用于主要的注册按钮。绝不用于装饰元素、悬停状态或次要操作。
- 所有圆角统一设为 2px 半径——包括图片、按钮、卡片等。这种统一的锐利感是系统的核心特征。
- 标题使用 Beausite 字体，字号为 55–57px，字间距分别收紧至 -0.94px 和 -1.14px。负字间距并非可选，它赋予衬线字体现代编辑风格的语感。
- 所有 UI 标签（状态指示、按钮文字、导航项）使用 DM Mono 12px，字间距增加 +0.36px，全大写呈现。仅将 Beausite 用于编辑内容和正文部分。
- 页面应以 Bone Paper（#f4f3f0）为背景。保持主要区块之间 48–71px 的间距，行内元素之间 6–10px 的间距。米色画布需要空间以呈现纸张的阅读感。
- 让编辑摄影自由地融入布局——围绕标题、嵌入词句之间、作为分节全幅展示。将图片视为布局元素，而非内容块。
- 正文与卡片文字使用 Beausite 400 字体，字号 19–23px，字间距为 -0.13 至 -0.16px。单一字重（400）意味着层级仅通过字号和间距实现。
建议避免
- 绝不使用阴影、投影滤镜或框体抬升效果。该系统为平面设计，深度仅来自摄影与表面色彩的对比。
- 绝不将圆角扩大超过 2px。禁止使用胶囊形按钮、卡片大半径圆角或圆形头像。2px 的锐利圆角是不可妥协的。
- 绝不将 Lime Pulse 用于除注册按钮之外的任何元素。将其用于链接、图标、标签或高亮会破坏其稀缺性。
- 绝不将 Ash（#82868e）用于主要正文。它仅用于次要元数据、边框和退后标签。正文始终使用 Ink（#1a1915）。
- 绝不将 Beausite 标题设为粗体或黑色字重——该字体仅提供 400 字重版本。层级通过字号实现，而非字重对比。
- 绝不为图片添加背景色，也不应将照片置于带有可见边框的容器中。照片应直接呈现于米色画布之上。
- 绝不使用无衬线字体系统来呈现编辑内容。Beausite（或其衬线替代字体）是唯一的正文与展示字体。DM Mono 专门用于 UI 标签。
