pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Sublime
白色基底、居中构图与胶囊形控件。
页面以白色为基底，搭配近黑色文字。字体采用 Control Upright、Times New Roman。视觉特点包括居中构图、胶囊形控件、大字排版、紧密字距。适合参考的场景：工作流工具首页、产品功能说明页。
查看原始网站使用规范
建议采用
- 使用 Control Upright 字重400处理所有UI文本——单字重系统意味着尺寸和颜色承担层级关系，而非字体粗细
- 将显示主标题（64px及以上）的行高设为0.90–1.00，使文字看起来像实体物体，而非文本块
- 使用苔藓绿（#38744d）仅用于视图中的一个元素——一旦出现第二个绿色元素，该强调色将不再被视为强调色
- 保持页面背景为纸（#ffffff），并让冰洗（#e0f5ff）或薄 薄荷绿（#cbffa6）承载内容区域中的唯一色彩
- 所有标签和胶囊标记使用999px圆角，所有功能按钮使用5px圆角——圆角的划分是系统规则，而非单个元素的随意选择
- 允许图像卡片在拼贴中重叠并轻微旋转——严格的网格对齐会破坏编辑的质感
- 为首屏展示保留142px；节标题最大尺寸为64px，以维持主标题的宏伟感
建议避免
- 不要为 Control Upright 增加额外字重——系统仅基于400字重和极端尺寸对比运行
- 不要在UI控件、导航或按钮中使用 Times New Roman——它仅用于正文和引文，与 Control Upright 的冲突正是设计意图所在
- 不要为卡片添加阴影——表面色阶（Paper → Bone → Ice Wash）通过色彩变化提供立体感，而非阴影
- 不要在同一元素中同时使用苔藓绿与信号青——这两种饱和色是唯一的配色，必须永不竞争
- 不要在标准组件上使用5px到999px之间的圆角值——系统从锐利（5px）直接跃迁到完全圆润（999px），中间无过渡
- 不要对显示主标题进行左右对齐——它们始终居中，以锚定页面的垂直轴线
- 不要用信号青填充大面积区域——它仅存在于胶囊标签和行内高亮中；一个青色背景块会破坏单色基调
