pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Pika
明暗对比、视频展示与圆角卡片。
页面兼有浅色与深色区域。字体采用 telka、telkaExtended。视觉特点包括视频展示、圆角卡片、细线分隔、分屏构图。适合参考的场景：AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 保持 50/50 二元布局作为主要排版模型——左侧为产品/故事内容，右侧为功能 UI，始终不可让两半融合为连续背景。
- 仅在页面中使用 telkaExtended 900 一次，用于展示标题。其余所有内容——正文、按钮、链接——均保持在 telka 300-450 字重范围内。
- 正文的字间距设为 -0.02em。负值字间距是让轻量级字体呈现出印刷类编辑体感，而非空旷的 SaaS 风格。
- 使用 #ffedd2 米色作为真正的画布，而非强调色。它应填充大范围左侧面板区域，而非仅作为 4px 的装饰条纹。
- 按钮的圆角必须精确为 6px——绝不圆润至 8px 或 12px。轻微圆角读作‘有意的矩形’，而非‘友好的胶囊形’。
- 认证按钮保持填充状态，颜色为 #ffffff 在 #0d0d0d 背景上。禁止引入彩色 CTA 颜色——白底黑底的对比才是行动信号。
- 将 OAuth 流程与邮箱备用方案用细线分隔符加 '或' 标签区分，而非额外增加垂直间距。分隔符承载结构意义。
建议避免
- 禁止在配色中引入彩色品牌色（蓝色、紫色、绿色）。该系统仅包含暖米色、虚无与中性色；引入任何色调将破坏电影/编辑类比的隐喻。
- 禁止为卡片、按钮或弹窗添加阴影。设计为平面——深度来自米色与虚无的对比，而非层级堆叠。
- 禁止将 telkaExtended 用于小节标题、副标题或卡片标题。900 字重仅用于展示；功能层级由 telka 300-450 内的大小与字重变化决定。
- 禁止将按钮圆角设为 8px、12px 或胶囊形（9999px）。6px 圆角是系统标准——偏离即被视为不同产品的设计。
- 禁止在米色面板中居中正文。正文与辅助小字均左对齐；仅品牌标识、视频图块和标语居中。
- 禁止在按钮或暗色面板中添加渐变、光晕或色彩过渡。每个表面均为平面填充——米色与虚无两半之间不存在渐变过渡。
- 禁止将 #0d0d0d 用于米色面板的正文，或将 #ffffff 用于暗色面板的正文，如同二者角色相同。该系统有两个文本层级：暗色于米色之上、亮色于虚无之上，二者不可交叉。
