Lithic
如同卡片架构师的温暖大理石简报室，自信、质朴而有意图。
Brex
白色混凝土，单枚余烬——一件冷静精密的金融仪器，只有一束橙色火花承担表达。
Brex 像由一枚橙色余烬照亮的白色混凝土金融工作台。界面采用近纯白画布、紧密得近乎压缩的 Inter 字体以及定制 Flecha 展示字体；系统唯一的彩色声音是 #ff5900，这枚鲜明余烬标记每个主操作、链接和标签页指示线，却从不沦为装饰。深色表面（#000710 页脚、#15191 公告栏）框住明亮正文，形成强烈的明暗两端，让白色区块显得更高。组件平面化，采用 12px 圆角、极少阴影、细线边框以及宽松的 48px 区块间距；系统追求金融团队精密仪器般的感觉，而非营销网站。
查看原始网站使用规范
建议采用
- 每个区域中的 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）不能作为正文中通用的深色表面；它仅属于页面最顶部。
