Websmith Studio
近白色基底、宽松留白与扁平表面。
BUTT STUDIO
浅灰色基底、分屏构图与网格布局。
页面以浅灰色为基底，搭配近黑色文字。字体采用 helvetica、Caslon。视觉特点包括分屏构图、网格布局、大字排版、衬线字形。适合参考的场景：创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 首屏字标用超大 Caslon 400 字重、紧凑字间距 -0.02em，让一个词填满视口全宽。
- 页面画布采用 #e0e0e0，不在页面层使用纯白；#ffffff 仅留给卡片表面。
- Studio Indigo #31338 是唯一彩色强调，每个表面恰好使用一次。
- 正文采用 20px Helvetica 400、-0.03em letter-spacing，比网页惯例更大、更紧凑。
- 按钮和 STUDIO 徽章采用 50px 胶囊形圆角，作为体系唯一圆润元素。
- 项目图块用 1px 黑色细线与 180px 纵向空间分隔，呈现印刷目录感。
- 让交互插画实体般穿过首屏衬线字形，或在字形之间穿织。
建议避免
- 除四种中性色和 Studio Indigo 外不引入其他颜色，没有渐变、底色或悬停状态色切换。
- 不使用阴影、发光或抬升，设计像印刷品一样扁平，没有合成深度。
- 卡片、图块或缩略图不加 border-radius，须像裁纸一样尖锐。
- 正文不低于 20px，也不为 Helvetica 添加粗体或中等字重；400 是唯一字重。
- Caslon 不用于首屏以下其他用途，它留给字标与项目标题，以保持视觉分量。
- 客户或报道列表的链接不加下划线、彩色或图标，它们有意像纯文字。
- 正文或列表项不居中，清单列像联系页面一样左对齐。
