Websmith Studio
近白色基底、宽松留白与扁平表面。
Contra
白色基底、胶囊形控件与渐变展示。
页面以白色为基底，搭配近黑色文字。字体采用 GT Standard M、GT Standard L。视觉特点包括胶囊形控件、渐变展示、大字排版、网格布局。适合参考的场景：效率工具官网、协作产品介绍页。
查看原始网站使用规范
建议采用
- 每个填充或描边按钮都采用24px胶囊圆角，配7px/16px内边距和两层炭灰阴影。
- 首屏标题采用GT Standard L 58px、1.05行高和-0.58px字间距；只有这里允许展示字号。
- 任何填充操作默认采用Charcoal（#222834），只有次级操作才切换为描边或无填充样式。
- 画布保持Paper（#ffffff），Mist（#f5f6f9）只用于少见次级横带，不创造两者之间的新灰色表面。
- 首屏渐变只用于顶部首屏区域，绝不要复用为卡片或分区背景。
- 分类或挑战卡片轮换Iris、Orchid、Wine、Coral和Lime强调调色板；没有中性间隔时，绝不要让两张鲜亮强调卡片相邻。
- 每个分区都以Section Header模式锚定，23px标题在左，Slate描述在下，Graphite“View more”链接在右。
建议避免
- 不要引入新的按钮色，Charcoal是系统唯一的填充操作色。
- border-radius只采用六个已定义值4、10、16、24、32、40；中间值会破坏胶囊与锐利形态的节奏。
- Orchid、Coral和Lime等鲜亮强调色不要用于文字、图标或边框；它们只承担卡片填充。
- GT Standard L不要低于19px；它是展示家族，正文字号下会失去身份。
- 按钮或卡片不要添加彩色阴影、辉光或渐变；两层炭灰阴影就是完整阴影词汇。
- 目录分区正文不要居中，项目、分类和分区内容均左对齐；居中只留给首屏和分段切换控件。
- 视觉相邻位置不要叠放超过一张Charcoal卡片；深色卡片与白色行交替，以保持对比易读。
