Websmith Studio
近白色基底、宽松留白与扁平表面。
Creative Giants
暖白色基底、大幅摄影展示与大字排版。
页面以暖白色为基底。字体采用 Switzer。视觉特点包括大幅摄影展示、大字排版、网格布局、宽松留白。适合参考的场景：创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 标题使用 300 字重——无论大小，Switzer 标题绝不可加粗。
- 使用 Bone White（#fffef7）作为唯一页面背景色。纯白（#ffffff）会破坏温暖纸张的语境。
- 将 1440px 的胶囊半径应用于所有按钮、标签和菜单元素——仅卡片和图片保留锐利的边角。
- 将显示标题推至 64–84px 并配合 -0.04em 字间距；这种负向字间距是使文字呈现雕刻感而非打印感的关键。
- 让满幅覆盖的照片承担主要视觉重量。UI 金属元素应退居背景——折叠区域中仅‘菜单’按钮和标志为非图像元素。
- 使用色彩点缀（#8a0467、#03624c、#a5c8eb）作为边框、小面积填充和单卡片高亮——绝不以色彩淹没整个区块。
- 保持区块间距在 48–64px 之间。奶油画布是布局的主要结构工具；规则线和分隔线为次要元素。
建议避免
- 不要加粗标题。300 字重是品牌调性——500 及以上字重会破坏空气感。
- 不要使用纯白（#ffffff）任何位置。温暖的米白是标志性配色，而非退而求其次的替代。
- 不要添加阴影。该系统的 0px 盒阴影特征意味着视觉层次来自色彩与尺寸，而非深度。
- 不要对卡片或图片圆角。1440px 半径仅属于交互元素；编辑类表面应保持锐利。
- 不要用彩色填充 CTA。没有行动背景证据支持彩色按钮——所有交互表面为黑色或透明。
- 显示标题最多不超过两行。84px 处理方式用于海报式陈述，而非段落文本。
- 不要使用 #0000ee 或默认链接蓝。所有文本链接应继承 Ink Black；绝不允许浏览器默认样式渗透。
