pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Perplexity AI
近白色基底、胶囊形控件与圆角卡片。
页面以近白色为基底，搭配近黑色文字。字体采用 pplxSans。视觉特点包括胶囊形控件、圆角卡片、细线分隔、网格布局。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 使用Parchment（#faf8f5）作为所有全页背景的基础画布——除非明确需要，否则绝不替换为纯白色（#ffffff）
- 将正文内容设为Ink（#27251e），仅在最大字重的UI元素中使用Pure Black（#000000）
- 保留深青色 (#016a71) 专用于：活动导航状态、"新品" 标签填充，以及搜索输入框周围的装饰性光晕。
- 卡片使用16px圆角，输入框和填充按钮使用12px圆角，透明描边按钮使用6px圆角，胶囊和徽章使用9999px圆角
- 文字字重仅限于400至500之间——界面依赖色彩与间距来建立层级，而非字重
- 为卡片和按钮的边框应用1px Warm Mist（#d1d1cd）细线；避免使用2px及以上更粗的边框
- 采用pplxSans字体层级：16px/1.5用于正文，14px/1.43用于UI标签，12px/1.33用于微标签，11px/1.5用于徽章
建议避免
- 不要引入新的强调色——系统刻意保持单色，仅有一个青绿色；任何第二色的引入都会破坏品牌的克制感
- 不要使用粗体（600及以上）字重——pplxSans最大仅到500，设计依赖这种平和感
- 不要在组件上添加超出单层1px细微阴影的投影——界面本意是扁平的
- 不要将纯白色（#ffffff）作为表面色——始终搭配Parchment（#faf8f5）或Soft Paper（#fdfbfa）以维持温暖纸张的质感
- 不要将青绿色用于正文内容中的文字或图标——青绿色仅用于填充和选中状态的背景
- 主要内容列的最大宽度不得超过900px——布局本就以居中和狭窄为设计原则
- 不要在组件表面添加渐变、模糊或装饰性图像——视觉语言严格保持扁平与纹理感
