Websmith Studio
近白色基底、宽松留白与扁平表面。
PORTO ROCHA
白色基底、分屏构图与网格布局。
页面以白色为基底，搭配近黑色文字。字体采用 SF Pro Display、SF Pro Text。视觉特点包括分屏构图、网格布局、细线分隔、扁平表面。适合参考的场景：设计工作室首页、案例展示页。
查看原始网站使用规范
建议采用
- #007aff只用于交互文字和激活状态，绝不要作为装饰填充或背景。
- 所有卡片、按钮和导航元素都采用8px border-radius，保持一致的细微柔软感。
- 所有内容卡片都设为16px内边距，并采用1px的Ash Gray（#808080）顶部边框分隔。
- SF Pro Text 14px、400字重是唯一正文样式；通过字号而非字重建立层级。
- SF Pro Display 23px和+0.02em letter-spacing保留给标题和文字标志。
- 让侧栏加内容的两列布局定义页面结构，采用25/75分配，不发生重叠。
- 卡片通过1px细线边框和留白分隔，取代阴影或背景填充。
建议避免
- 不要引入额外强调色；系统是单色加唯一蓝色。
- 不要使用粗体或半粗体；系统只采用400字重。
- 不要采用阴影、辉光或模糊效果；抬升只通过叠放传达。
- 展示文字不要使用负letter-spacing；+0.02em字间距是刻意的标志性特征。
- 默认不要将按钮圆成38px胶囊形；保持8px圆角，与卡片一致。
- 卡片不要采用灰色或彩色背景填充；所有表面均为纯白。
- UI附属元素不要添加装饰元素、图标或插画；内容摄影承担视觉分量。
