pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Lovable
白色基底、渐变展示与居中构图。
页面以白色为基底，搭配近黑色文字。字体采用 Camera Plain Variable。视觉特点包括渐变展示、居中构图、胶囊形控件、网格布局。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 所有按钮、徽章及胶囊形控件使用 9999px 圆角半径 —— 完整的胶囊形状是交互设计的核心特征
- 保持配色几乎完全无彩色；仅将彩色用于首屏渐变和语义状态 —— 决不允许用于按钮、链接或 UI 强调元素
- 在所有文本尺寸上全局应用 -0.025em 字间距；这种紧密的字间距是该字体系统的核心特征
- 使用 #f7f4ed（温暖的沙色）作为卡片表面，使用 #fcfbf8（羊皮纸色）作为页面画布 —— 两种温暖的白色共同构建了表面层级
- 标题使用 480 字重，正文使用 400 字重 —— 这种微妙的字重差异（非粗体与常规）定义了排版层级
- 在所有文本的 font-feature-settings 中设置 'liga' 0，以禁用连字，与原始字体渲染保持一致
- 所有边框使用 1px 实线 #eceae4 —— 包括分隔线、卡片轮廓、输入框笔触、导航分隔线 —— 全部采用统一的温暖米黄色边框色
建议避免
- 绝不使用冷灰（#e5e7eb、#6b7280）—— 所有中性色都带有暖黄色底色；冷灰会破坏羊皮纸的氛围感
- 绝不为按钮添加彩色背景；主要操作使用近黑色（rgba(0,0,0,0.88)），次要操作为透明 —— 不存在任何彩色的行动号召（CTA）
- 除聊天输入卡片外，绝不使用投影阴影来表现层级；大多数卡片和表面均为平面，毫无阴影
- 绝不使用超过一个字体家族；Camera Plain Variable（或其替代字体）承担从14px图注到60px展示标题的一切文字。
- 绝不使用锐角（0px 圆角）于交互元素 —— 即使是图片缩略图也至少使用 12px 圆角
- 绝不将首屏渐变色彩用于单个 UI 组件，如按钮、徽章或图标 —— 渐变仅作为满幅氛围背景存在
- 绝不通过图标、彩色徽章或装饰元素为功能板块增加视觉重量 —— 该系统仅通过字重和尺寸变化进行信息传达
