Handsome Frank
暖白色基底、衬线字形与紧密字距。
clau.as.kee
蓝色基底、大字排版。
页面以蓝色为基底，搭配近黑色文字。字体采用 Beastly clauworks、Suisse Intl clauworks。视觉特点包括大字排版。适合参考的场景：创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 每个页面背景都设为 Periwinkle Field（#8e93ff），这是体系的工作模式。
- 展示级标题使用 288px 及以上 Beastly clauworks，不用于低于 200px 的文字。
- Suisse Intl clauworks 仅使用 20px、30px 或 144px，不插入中间尺寸。
- 深色内容与薰衣草画布以铺满边缘的 Carbon Ink（#1a1a1a）面板分隔，而非阴影或边框。
- 展示文字越过视口边缘，裁切就是布局，而非错误。
- 每页最多一个 Signal Green（#47f654）徽章，它是标点，而非装饰。
- 主要分区之间留出 130px 纵向呼吸空间，分区内文字元素之间为 30px。
建议避免
- 不添加第五种颜色、带色中性色或柔和阴影来柔化薰衣草色；扁平就是设计。
- 面板、卡片或图像不使用圆角，除绿色徽章外所有位置均为 0px。
- 不引入 Suisse Intl 的粗体或中等字重；层级仅由尺寸驱动。
- Beastly 不用于小尺寸，即低于 200px；它会失去个性，成为不佳的展示无衬线字体。
- 正文不居中，也不排在窄列中；正文左对齐、有全宽感且宽松。
- 不添加吸顶页眉、面包屑或辅助导航；三个链接的顶栏就是全部导航体系。
- 薰衣草背景不使用渐变、模糊、发光或任何 CSS 滤镜，必须像扁平印刷色场。
