Lithic
白色基底、细线分隔与宽松留白。
Mollie
白色基底、等宽文字标注与产品图像展示。
页面以白色为基底，搭配近黑色文字。局部操作控件以深橙色强调。字体采用 Inter Variable、Inter。视觉特点包括等宽文字标注、产品图像展示、紧密字距、摄影展示。适合参考的场景：金融产品官网、财务服务介绍页。
查看原始网站使用规范
建议采用
- 使用 Paper #ffffff 作为主要画布，将 Oat Surface #f7f4f1 保留用于内部卡片和次要胶囊控件。
- 将标题显示设置为 Inter Variable 82px/400，82px 行高，-2.4px 字间距。
- 在产品和媒体内容上方使用 IBM Plex Mono 大写标签，字号 13px/500，行高 16.9px。
- 仅在填充的公共胶囊按钮中使用 Ledger Brown #3b281d，且半径为 9999px，内边距为 16px 24px。
- 为产品卡片和媒体框设置 16px 圆角；仅在大尺寸图像和媒体处理中使用 24px 圆角。
- 使用 Copper Link #e07122 作为产品卡片内联链接和小型商业导向高亮的配色。
- 保持页面节奏以 4px 为基础单位，使用 10px 元素间距和 32px 区块间距。
建议避免
- 不要使用蓝色 #0040ff 或浏览器默认色 #0000ee 作为品牌或按钮颜色。
- 不要将 Ledger Brown #3b281d 填充样式变为方形按钮；公共转化控件使用 9999px 圆角。
- 不要在卡片上使用厚重的外层阴影；卡片不使用阴影，而是依赖 Oat Surface #f7f4f1、边框和圆角媒体元素。
- 不要在 82px 显示角色中使用粗体 600-700 字重；保持 Inter Variable 400 字重。
- 不要用 Inter 正文字体替代 IBM Plex Mono 大写标签。
- 不要将 Terracotta Disc #d66733 作为整体页面背景或通用操作色使用。
- 不要在非紧凑的支付和账户状态场景中使用状态色。
