pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Winamp
近白色基底、细线分隔与分屏构图。
页面以近白色为基底，搭配近黑色文字。字体采用 Rubik、Poppins。视觉特点包括细线分隔、分屏构图、网格布局、单栏阅读排版。适合参考的场景：音视频产品介绍页、媒体内容展示页。
查看原始网站使用规范
建议采用
- 所有文字都使用Poppins；system-ui后备字体只用于12px工具标签。
- 首屏标题严格设为69px、500字重和-1.52px letter-spacing，绝不要将展示文字加粗。
- 唯一填充按钮变体采用Carbon（#18181b）填充和白色文字；其余每个交互元素都应为无填充或纯文字。
- 卡片和设备模型采用16px圆角，按钮和导航控件8px，绝不要使用9999px胶囊形。
- 页面背景维持骨白画布（#f7f7f7），#ffffff只用于抬升卡片。
- Ember Orange限定用于标志和品牌标记，不要用于按钮、链接或装饰强调。
- 分区间距保持40px，元素间隙10px，以保留舒适、具有呼吸感的节奏。
建议避免
- 除Ember Orange标志强调之外，不要引入彩色；系统保持单色。
- 卡片、按钮或模型图不要添加box-shadow或drop-shadow，改用表面明度或旋转。
- 不要使用渐变填充；当前系统不存在渐变，它们会破坏骨白与墨色美学。
- 展示标题不要高于69px或低于34px；这是系统的上下限。
- border-radius不要高于16px；更圆的形态会破坏直线化、纸艺般的感受。
- 主要标题或正文强调不要采用Slate（#71717a），它只留给次级和辅助文字。
- 照片背景上的文字后方没有Paper White卡片表面时，不要直接将文字置于照片上。
