pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Readwise
近白色基底、衬线字形与细线分隔。
页面以近白色为基底，搭配近黑色文字。字体采用 Charter、Mulish。视觉特点包括衬线字形、细线分隔、扁平表面、网格布局。适合参考的场景：工作流工具首页、产品功能说明页。
查看原始网站使用规范
建议采用
- 首屏展示标题使用 Charter 50px、400 字重、lineHeight 1.00，不调整 letter-spacing；紧凑行高让标题像书名。
- #fff7ca 作为正文 2–4 个词的短语背后铺色以强调，不作全表面背景或按钮填充。
- 主要 CTA 为 #478cd0 实色按钮、白字、10px 圆角、10/24px 内边距，不加渐变或按钮自身阴影。
- 所有尺寸 Mulish 使用 -0.02em 字间距，收紧让无衬线显得经过刻意选择，而非默认。
- #f1f5f8 画布上的卡片采用白色 #ffffff 填充和细线边框分层，不靠阴影分隔。
- 彩色限于操作与链接的唯一 Pen Blue 强调；Reader Orange 只用于唯一“Reader”功能徽章。
- 每个衬线标题搭配 16–18px Mulish 正文，过渡型衬线与人文无衬线对比就是字体身份。
建议避免
- Charter 不用于正文、导航或按钮，只留给 22px 及以上标题。
- #fff7ca 不用于完整卡片、分区背景或大区域；覆盖超过一行文字时会失去荧光标记意义。
- 除 Pen Blue、Highlighter Yellow 与 Reader Orange 外不引入更多强调，体系有意近单色。
- 卡片或按钮不使用厚重投影；需要抬升时保持柔和，spread ≤ 20px，并用 Ink 而非纯黑着色。
- 展示标题不全大写，也不采用正 letter-spacing；50px Charter 的效果依赖紧凑 1.00 行高与自然字间距。
- 辅助操作不使用填充彩色按钮，采用 Ghost Sign In 样式，即白填充、1px 边框，或 Pen Blue 纯文字链接。
- 页面背景不设为纯白 #ffffff；Page Mist #f1f5f8 让白卡片与产品模型显得是抬升表面。
