pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Applied Labs
白色基底、分屏构图与大幅摄影展示。
页面以白色为基底，搭配近黑色文字。字体采用 Geist。视觉特点包括分屏构图、大幅摄影展示、网格布局、大字排版。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 需要温暖感的区块背景使用奶油色 #f7f7f4；#ffffff 留给页面画布和抬升卡片。
- 卡片、按钮和输入框统一使用 8px 圆角。这是系统标志性的柔和感，既不是完整胶囊，也不是锐利直角。
- 48px 标题设置 -0.02em 字间距，24px 标题设置 -0.012em；0.005-0.010em 的正字间距只用于 12-14px 正文和微型文案。
- 每个区块最多在一个行内链接或强调处使用 Cobalt Spark #0051ff。它标记唯一重要操作，而非装饰。
- 主要操作按钮以 #000000 或 #26251e 填充，由白色文字提供对比。
- 所有结构边框、分隔线和输入框下划线都使用 1px 的 #e4e4e7。
- 聊天消息视觉元素叠放在暖调摄影上，无需解释就能传达产品的对话性质。
建议避免
- 按钮不要用 Cobalt Spark #0051ff 填充。该颜色只留给行内文字强调和链接，绝不用于实心按钮背景。
- 除非卡片代表漂浮叠层或模态框，否则不要使用阴影。系统依靠边框和表面颜色变化，而非悬浮效果。
- 主要视觉不要采用插画、3D 渲染或以大量图标构成的画面。真实暖调摄影承担品牌表达。
- 不要使用第二种字体。Geist 从 10px 图注到 48px 展示文字承担全部内容。
- 暖棕色 #b39987 或板岩蓝 #5c7aa1，不要占据超过 10-15% 的可见表面。它们是强调表面，而不是画布。
- 标题字重不要超过 500。字重 300 是标志，500 用于强调，绝不使用 600-700。
- 标准卡片圆角不要超过 24px。默认 8px 是系统定义性的柔和尺度。
