Lithic
白色基底、细线分隔与宽松留白。
Brex
白色基底、细线分隔与扁平表面。
页面以白色为基底，搭配近黑色文字。字体采用 Inter、Flecha。视觉特点包括细线分隔、扁平表面、居中构图、网格布局。适合参考的场景：支付服务首页、金融科技产品介绍页。
查看原始网站使用规范
建议采用
- 每个区域中的 Ember（#ff5900）只承担一个用途：主操作。不能用于装饰填充、背景，或同屏多个相互竞争的元素。
- 所有字号的 Inter 都使用负字间距：24px 及以下为 -0.01em，36px 为 -0.02em，72px 为 -0.03em；压缩感是其标志。
- 所有交互表面，包括按钮、输入框与卡片，采用 12px border-radius；6px 仅用于行内标签和小型标签块。
- 区块间距保持 48–80px，卡片内边距保持 24–32px；让系统能够呼吸，不要挤满内容。
- 默认画布使用 Paper（#ffffff），区块级对比使用 Fog（#f3f3f7）；Abyss 与 Carbon 仅留给页眉、页脚的深色框架。
- 正文段落使用 Graphite（#60646c），辅助文字与图注使用 Pewter（#6f737b）；Steel 不能用于超过标签长度的文字。
- 通过 font-feature-settings 关闭 Inter 的 calt 与 liga；系统刻意避开上下文替代字形与连字，形成中性、工程化的感觉。
建议避免
- 不能引入第二种强调色；单枚余烬体系构成品牌，加入蓝、绿或紫会破坏视觉约定。
- 不能用阴影抬升卡片；系统依赖 Paper/Fog 对比和 1px Mist 边框，投影不属于这套系统。
- Flecha 不能用于正文或次级标题；它只用于展示，48px 以下全部由 Inter 承担。
- 正文段落不能居中；标题可以居中，但 16px Inter 正文应左对齐，max-width 约 640px。
- Ember 不能用于段落内的文字链接；它留给行动号召按钮和独立链接短语。行内正文链接使用带下划线的 Ink。
- 同一组件组内不能混用圆角：所有按钮 12px，所有卡片 12px，所有标签 6px；不能折中使用 8px 或 10px。
- 公告栏背景（#15191e）不能作为正文中通用的深色表面；它仅属于页面最顶部。
