pampam.city
老探险家的笔记本，搭配温暖的奶油色背景
Readwise
读者的批注日记：安静纸白、衬线标题，以及一支蓝笔。
Readwise 像文学感的效率工作空间：近白画布配唯一编辑蓝强调和暖黄荧光铺色，直接可视化产品目的。字体以过渡型衬线 Charter 负责标题，人文无衬线 Mulish 负责其余文字，形成书卷但现代的阅读室氛围，而非典型 SaaS 仪表盘。表面扁平安静，卡片以细线、几乎没有阴影的处理置于冷纸白 #f1f5f8 上，圆角像印刷卡片而非应用图块。黄色 #fff7ca 作为行内强调文字背后的实际荧光笔，而非装饰，产品身份就是标记重要内容的行为。组件紧凑、文字优先，一个填充蓝按钮承载全部操作分量，其余均为幽灵式或文字链接。
查看原始网站使用规范
建议采用
- 首屏展示标题使用 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 让白卡片与产品模型显得是抬升表面。
