Attio
白色基底、紧密字距与细线分隔。
70Materia
浅灰色基底、等宽文字标注与摄影展示。
页面以浅灰色为基底，搭配近黑色文字。字体采用 Matter、Matter Mono。视觉特点包括等宽文字标注、摄影展示、分屏构图、网格布局。适合参考的场景：设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- 每个标题和正文片段都采用Matter 400字重；绝不要通过粗体建立层级，改用字号和空间。
- 所有标签、导航项、按钮文字和产品代码都采用Matter Mono 10–12px，letter-spacing为0.02em–0.04em。
- 产品摄影从边到边铺满视口；首屏图像绝不要裁切、加框或叠加UI。
- 按钮采用1px描边矩形，圆角3px，内边距8px × 24px；这是默认操作样式。
- 页面画布采用#bababa，白色（#ffffff）只作为内嵌纸面，或深色表面上的深色文字出现。
- 按钮圆角保持3px，其余所有内容0px；系统根本上是清晰直角的。
- 所有包含数字的文字都应用等宽数字特性“tnum”，使其在整个页面中纵向对齐。
建议避免
- 不要引入橘、蓝、绿、红等任何彩色强调；调色板永久保持无彩色，色彩是摄影的职责。
- 不要使用投影、渐变或辉光；深度模型只有浅色表面 → 中灰画布 → 深色页脚，没有更多层次。
- 卡片、图像或分区容器不要使用圆角；只有按钮采用3px圆角，其余全部保持直角。
- 不要采用Matter的粗体或半粗体；400是系统唯一字重。
- 功能性UI不要使用彩色文字、彩色图标或彩色边框；所有附属元素保持黑、白或灰。
- 编辑式分区的正文不要居中；两列展示布局中的描述和标签均左对齐。
- 不要使用带明显边框的白色填充输入框；表单字段仅由单条底部下划线定义。
