Outsource Consultants
暖白色基底、等宽文字标注与非对称构图。
Odin's Crow
浅灰色基底、几何图形与大字排版。
页面以浅灰色为基底，搭配深灰色文字。字体采用 Plain。视觉特点包括几何图形、大字排版。适合参考的场景：设计工作室首页、案例展示页。
查看原始网站使用规范
建议采用
- 使用 Plain 字体的完整尺寸范围：让 10px 字标与 190px 的标题共存于同一构图中。尺度对比即为设计核心。
- 将展示标题左对齐至页面边距，并允许其水平溢出视口 —— 从不将其限制在容器宽度内。
- 使用 1px #e5e7eb 全页贯穿的细分隔线作为唯一结构分隔线。并列堆叠 2–4 条规则，以暗示卡片边界的视觉效果，但不封闭任何表面。
- 每个区块标题均配以右对齐的同尺寸区块编号，下方以一条全宽规则分隔，上下各留 80px 垂直间距。
- 所有文字在任何尺寸下均使用 #2b2b2b。仅将 #535251 保留用于次级标签和元数据，这些内容应具有次要地位。
- 紧缩大字号时的字间距：-0.025em 在 20–27px，逐步过渡到 -0.050em 在超大显示尺寸。密集、几乎碰撞的字形是其标志。
- 由骨色底面（#dbd7d3）承载整个页面。禁止引入卡片背景 —— 该系统无表面层级，仅有骨色及其温润/冷调变体。
建议避免
- 禁止引入任何色彩、渐变或填充式行动号召（CTA）。该系统无强调色，也无按钮填充色 —— 唯一的色彩对比是墨色在骨色底面上的呈现。
- 禁止对任何元素添加圆角。所有角落均为锐利 0px —— 卡片、按钮、输入框、徽章均无圆角。
- 禁止添加边框阴影或投影阴影。该系统无层级感设定。深度仅通过细分隔线和表面色调变化传达。
- 禁止将 Plain 与第二套字体搭配使用。单字体家族的约束是不可协商的。
- 禁止使用粗细小于 400 或大于 700 的无衬线字体。Plain 仅有两种字重；使用其他字重将破坏系统完整性。
- 禁止对正文或标题进行居中对齐。所有内容均左对齐（仅区块编号为右对齐）。
- 禁止引入图像、摄影、插画或具有视觉重量的图标。若使用图标，必须为最细小文字尺寸下的扁平 #2b2b2b 字符，且无装饰性。
