Websmith Studio
近白色基底、宽松留白与扁平表面。
Handsome Frank
暖白色基底、衬线字形与紧密字距。
页面以暖白色为基底，搭配蓝色文字。局部操作控件以红色强调。字体采用 Arial、Millik。视觉特点包括衬线字形、紧密字距、细线分隔、胶囊形控件。适合参考的场景：创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 所有展示标题和编辑标题用 Millik 衬线，以负字间距与紧密行高 0.95-1.10 承载个性。
- #160572 靛蓝留给导航描边、编辑标题与收尾页脚条带，它是缝合页面的线。
- 所有填充操作按钮用完整胶囊形、30px 圆角，按语境从 #2544a0、#ff7701、#4b0f4d、#d98199 四种彩色按钮背景中选择。
- 卡片、导航元素与插画容器周围应用 1-2px solid #000000 细线装饰框，形成画廊框母题。
- 插画或摄影内容边到边填满容器，无边框或圆角，作品定义自身边界。
- 编辑提示用 #ffff00 平面徽章或标签背景配黑字，像荧光笔标记。
- 奶油画布 #f2ebe6 上正文保持 Klarheit Grotesk Regular，16px，行高 1.36，暖意柔化原本鲜明的黑白系统。
建议避免
- 主要按钮不要用中性灰，系统没有灰色行动入口，按钮始终彩色胶囊形。
- 项目卡片、插画缩略图或内容卡片不要圆角，只有胶囊按钮带 30px 曲线，其余都尖边。
- 蓝绿、绿、红、黄、橙彩色强调不要用于正文或大文字块，只留给链接、图标、徽章与装饰描边。
- 卡片或图片不要投影，设计用细边框与平面色块分隔，绝不浮起。
- 正文字号不要低于 14px，小字号字间距不要松于 normal，系统依赖紧凑自信的文字。
- 影像不要使用渐变背景或彩色覆盖，插画和照片以自身色彩原始、边到边呈现。
- 正文段落或导航项不要居中，文字块左对齐，只有展示标题与页脚行动入口居中。
