Buymeacoffee
暖白色基底、胶囊形控件与大字排版。
The Leap
近白色基底、衬线字形与胶囊形控件。
页面以近白色为基底，搭配深红色文字。局部操作控件以黄色强调。字体采用 Favorit、Tobias。视觉特点包括衬线字形、胶囊形控件、圆角卡片、分屏构图。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 使用 #ecf956 柠檬色作为唯一填充按钮颜色——它必须作为整个温暖中性系统中唯一的色彩行动强调
- 所有按钮设置为 100px 胶囊半径；卡片设置为 30px 半径；此系统中绝不混合使用锐利边角
- 搭配 Tobias 字重 300 的衬线显示（54-70px）与 ABC Favorit 字重 350-400 的正文——衬线与无衬线的对比是该系统的编辑风格标志
- 所有文字使用 #482317 咖啡色——绝不使用纯黑色 #000000，温暖的棕色让整个系统显得亲切可近
- 将柔和色晕染（#f3fb9a、#efd8f0、#c6e57d）应用于区块背景，而非文字或交互元素
- 首屏和区块标题设置行高 1.03，负字间距——紧凑的节奏是编辑风格的关键
- 导航项和按钮标签使用大写 ABC Favorit 字重 700，正字间距
建议避免
- 不要引入第二个行动色——唯一的柠檬色行动号召之所以有效，是因为其他所有元素都是中性或柔和装饰色
- 不要将 Tobias 衬线字体用于正文或 UI 标签——仅保留用于展示和大标题区块
- 不要为卡片添加阴影——该系统使用平面表面与边框；唯一的阴影是导航栏的下拉阴影
- 不要使用纯白色 #ffffff 或纯黑色 #000000——奶油色 #fafafa 和咖啡色 #482317 构成了温暖的配色基调
- 不要将卡片圆角设置低于 15px——充足的圆角（15-30px）是营造亲切创作者经济氛围的核心
- 不要在衬线标题上添加渐变文字效果或色彩叠加——保持其为咖啡色在奶油背景上的平面呈现
- 每个区块内不要使用超过一个柔和色晕染——多个竞争性的柔和色会削弱视觉层级
