Claude Type
白色基底、磨砂表面与渐变展示。
Heavyweight
近白色基底、网格布局与大字排版。
页面以近白色为基底，搭配近黑色文字。字体采用 Nuckle。视觉特点包括网格布局、大字排版、细线分隔、大幅摄影展示。适合参考的场景：设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- 页面画布采用#f3f5fa，卡片表面采用#ffffff；两者之间的微妙对比是系统空间层级的基础。
- 卡片标题采用Nuckle 16px/1.25、500字重，次级信息采用14px/1.14、400字重。
- 所有卡片、按钮和标签都采用11px border-radius；这种圆角是系统的标志性特征，使其区别于常规4px或8px的SaaS惯例。
- #39d17f只用于“New”标签，绝不要用于操作、链接或装饰点缀。
- 通过1px的#222222或#2d2d2d边框分隔；绝不要使用阴影，也不要只靠背景色变化。
- 字体样本图像从边到边铺满卡片；产品是字体，而非界面装饰。
- 元素之间使用12px间隙，卡片内边距也使用12px，保持舒适密度，而不留出过多呼吸空间。
建议避免
- 不要引入额外彩色；近乎单色的调色板就是系统身份，任何第二种强调色都会稀释“New”标签的信号。
- 不要使用阴影或抬升效果；只通过细线边框和表面对比分隔。
- border-radius不要使用11px之外的数值；常规4px或8px会破坏编辑式感受。
- “New”标签不要采用#39d17f之外的任何颜色，也不要为它添加背景填充或胶囊形。
- UI中不要使用超过两种字号，即14px和16px；这种克制使重点展示的字体主导视觉区域。
- 不要给界面附属元素添加装饰渐变、图案或背景图像；画布始终保持平面#f3f5fa。
- 不要使用彩色填充按钮；系统没有独立CTA色，所有操作都采用轻量或描边样式，配#f3f5fa填充和#222222边框。
