Riverside
浅色基底、胶囊形控件与圆角卡片。
Patreon
白色基底、胶囊形控件与紧密字距。
页面以白色为基底，搭配近黑色文字。字体采用 Oracle。视觉特点包括胶囊形控件、紧密字距、大幅摄影展示、网格布局。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 所有54px+展示标题采用Oracle 250–300；低语般轻字重是品牌排版标志。
- 主要CTA保持#000000填充和30px圆角，作为唯一的深色填充表面，绝不引入第二种填充按钮样式。
- 所有按钮、链接和卡片采用30px border-radius，输入框45px，标签和胶囊元素9999px。
- 任何54px+展示文字都采用-0.04em至-0.06em letter-spacing；大字号收紧字间距，防止轻字重显得过于轻盈。
- 摄影填满视觉空间，创作者肖像采用4:5或1:1比例、30px圆角，不加卡片附属装饰。
- 所有文字和边框使用#1a1a1a，而非#000000；近黑更柔和，同时保留对比。
- 保持4px基础间距与舒适密度，元素间隙8–14px、卡片内边距16–24px、分区间距64–96px。
建议避免
- 按钮、链接或CTA不要引入彩色品牌色；系统刻意单色。
- Oracle展示字重不要高于500，600+会破坏编辑式低语语气。
- 卡片不要添加阴影或抬升；系统通过细线边框和留白分隔。
- 按钮、背景或叠加层不要使用渐变，数据显示渐变使用为零。
- 正文不要采用比Oracle更宽的字体；定制字体的几何形态是身份的一部分。
- 容器圆角不要小于30px；处处胶囊的方式具有结构意义，而非装饰。
- 繁杂摄影上没有足够自然对比或实色叠加层时，不要直接放UI文字；易读性优先于氛围。
