pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Anthropic
暖白色基底、细线分隔与扁平表面。
页面以暖白色为基底，搭配近黑色文字。字体采用 Anthropic Serif、Anthropic Sans。视觉特点包括细线分隔、扁平表面、衬线字形、大字排版。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 正文使用Anthropic Serif 20px，UI金属元素使用Anthropic Sans 12-16px——衬线与无衬线的搭配定义了系统的语气。
- 页面背景使用#f0eee6，卡片使用#faf9f5；仅当卡片需要呈现像主打编辑版面的感觉时，才使用#f5e3c7。
- 所有填充按钮（填充米白按钮）使用底部仅8px圆角，这一标志性角落处理取代了通用的胶囊形设计。
- 仅将#d97757陶土色用于页面上最关键的单个行动号召（CTA）；绝不用于多个操作或装饰元素。
- 内联链接的下划线保持持续存在——这是编辑印刷的惯例，而非悬停时出现。
- 所有卡片层级表面使用24px的底部圆角，以维持纸张堆叠的质感。
- 使用61px无衬线粗体700与68px衬线常规400搭配作为双轨展示系统——无衬线用于陈述性语句，衬线用于编辑性反思。
建议避免
- 不要引入冷灰色、蓝色或任何超出暖土色调家族之外的颜色——配色为米白/燕麦/陶土，绝对如此。
- 不要使用box-shadow实现层级感——本系统通过表面色调（#f0eee6 → #faf9f5 → #f5e3c7）和仅1px边框实现层级。
- 不要将陶土色用于装饰、图标、悬停状态或非CTA元素；仅将#d97757保留用于填充型操作按钮。
- 不要将正文设置为无衬线字体——正文必须使用衬线字体20px；无衬线字体仅用于UI金属元素。
- 不要为按钮设置统一的圆角；底部仅8px是标志性设计，而非应普遍应用于所有元素的默认值。
- 不要使用纯白色（#ffffff）作为表面——整个系统均带有米白调（#faf9f5、#f0eee6、#f5e3c7）；纯白色会显得冷冰且破坏纸张隐喻。
- 不要在背景中添加渐变、光晕或色彩渲染；所有表面仅使用平面实色填充。
