Lithic
白色基底、细线分隔与宽松留白。
Gocardless
暖白色基底、大字排版与细线分隔。
页面以暖白色为基底，搭配近黑色文字。字体采用 Haffer、Para。视觉特点包括大字排版、细线分隔、扁平表面、衬线字形。适合参考的场景：支付服务首页、金融科技产品介绍页。
查看原始网站使用规范
建议采用
- #f1f252只用于主要操作按钮、激活状态和偶尔出现的满幅强调分区；绝不要作为正文背景或装饰填充。
- 所有交互元素，包括按钮、导航链接和标签，都设为32px border-radius，使整个系统的胶囊几何一致。
- 所有卡片、图像和仪表盘模型表面采用24px圆角，在32px胶囊层级之下建立清晰层级。
- 保持8px基础间距单位，元素间隙16-24px，分区间距64-96px，形成舒适的编辑式节奏。
- 首屏标题采用Nudge/Haffer 700、84px和1.0行高的组合，实现刻凿般的展示效果。
- 通过#efece7或#1c1b18的1px内嵌边框定义卡片和交互表面，取代投影。
- 强调色出现频率保持低：每个视图一个黄色CTA，每次页面滚动一个黄色分区。
建议避免
- 不要引入额外彩色；酸黄是系统唯一强调色，添加蓝、绿或红会破坏大幅报纸的身份。
- 不要使用box-shadow抬升；系统只通过平面颜色和1px细线边框定义表面。
- 按钮或卡片圆角不要低于16px；4px只保留给很小的行内元素，而非主要操作。
- 不要将300字重的Para衬线混入正文；它只属于展示标题，在那里提供编辑式对比。
- 不要使用纯黑（#000000），始终将其暖化为#1c1b18，以维持奶油纸的暖意。
- 同一视图不要叠用超过两种文字颜色；系统呈现为墨色（#1c1b18）、纸色（#efece7）和偶尔的石墨色（#545048）。
- 奶油画布上不要放置黄色文字；黄色上使用炭灰文字，黄色元素只置于深色或白色表面。
