Evernote
暖白色基底、居中构图与渐变展示。
Goodnotes
白色基底、产品图像展示与大字排版。
页面以白色为基底，搭配近黑色文字。局部操作控件以青色强调。字体采用 Roobert。视觉特点包括产品图像展示、大字排版、紧密字距、居中构图。适合参考的场景：效率工具官网、协作产品介绍页。
查看原始网站使用规范
建议采用
- #57d2ee 专用于主要填充行动按钮，其他界面元素不应共享此填充色，让它保持唯一彩色操作信号。
- 所有 48px 展示标题使用 Roobert 字重 700，字间距 −0.05em（−2.4px）；按比例向下收紧，20–22px 时为 −0.016em。
- 卡片和容器边缘使用 0.5–1px 的 #bebebe 或 #e8e8e8 实线边框，绝不用 box-shadow 产生表面浮起。
- 按钮、卡片、输入框与界面外框统一使用 10px 圆角，4px 只留给焦点或链接环。
- 白卡片上正文保持 #565656 或 #666666，#000000 只留给标题与主要标签。
- 强调文字片段用 #f2e6b3 作内联背景高亮，平面、无圆角，模拟实体荧光笔笔触。
- 桌面区块内容以 80px 垂直间距分隔；卡片网格内与成组界面元素间用 24px 元素间距。
建议避免
- 卡片、模态框或按钮绝不添加 box-shadow，所有表面分隔必须来自边框，而非浮起。
- 按钮绝不用第二种彩色填充；幽灵 #1e1e1 边框与浅蓝绿 rgba(87,210,238,0.1) 变体必须在视觉上从属于青色行动按钮。
- 24px 以上标题字间距绝不设为 0 或正值，负字间距是展示声音的标志。
- 绝不换掉 Roobert；定制字体加载失败时，回退 Plus Jakarta Sans 或 DM Sans，不是 Inter 或 system-ui。
- #0299e0 Sky Link 绝不用作按钮填充或区块色，只用于白背景语境中的内联超链接与“了解更多”文字。
- 浅蓝绿按钮 rgba(87,210,238,0.1) 绝不带圆角，它是 0px 圆角标签页控件，而非胶囊或圆角按钮。
- 超过 600px 宽的正文段落绝不居中，长居中文字会破坏可读性；双列功能区块的正文左对齐。
