Lithic
白色基底、细线分隔与宽松留白。
Monzo
近白色基底、胶囊形控件与紧密字距。
页面以近白色为基底，搭配红色文字。字体采用 MonzoSansText、MonzoSansDisplay。视觉特点包括胶囊形控件、紧密字距、圆角卡片、单栏阅读排版。适合参考的场景：金融产品官网、财务服务介绍页。
查看原始网站使用规范
建议采用
- 所有交互胶囊形元素使用 500px 圆角，包括按钮、导航切换、标签小块和搜索栏；这是系统的定义形状。
- 界面保持 95% 无彩色。Hot Coral #ff4f40 只出现在标志、链接、标题、图标与银行卡产品上，绝不作为界面控件背景填充。
- 所有 36px 及以上标题使用 MonzoSansDisplay 600-800；展示文字的较重字重范围不可妥协。
- 所有 MonzoSansText 都应用 -0.05em 字间距。这是定义品牌的排版细节，不能省略。
- 在薄荷画布上以 #f2f8f3 → #ffffff → #e3ebe4 叠放表面，代替阴影；浮起由色彩阶差表达，而非投影。
- 描述段落正文使用 20px、行高 1.4。Monzo 文字比典型 SaaS 更大，16px 是下限，而不是默认值。
- 所有大容器使用 64px 圆角，包括首屏卡片、产品展示与区块面板；这种宽大圆角与珊瑚色一样可识别。
建议避免
- Hot Coral 不要作为按钮背景填充；它只用于文字、图标、标志与银行卡产品，绝不用于实色行动按钮表面。
- 卡片或按钮不要添加投影。系统偶尔使用单层 rgba(0,0,0,0.1) 0px 0px 10px 阴影，但大多数分隔来自薄荷画布上的表面色彩阶差。
- 不要使用系统字体或非品牌无衬线；正文始终指定 MonzoSansText，标题始终指定 MonzoSansDisplay。
- MonzoSansText 字间距只用 -0.05em，MonzoSansDisplay 只用 normal；偏离会破坏品牌排版指纹。
- 不要在同一元素上把红与深藏蓝组合成渐变或色对。珊瑚色是强调，藏蓝是底；它们交替，不混合。
- 主要按钮或大容器不要用方角或 8px 圆角；500px 胶囊形与 64px 容器是两种形状语言，中间值会显得普通。
- 正文字号不要低于 16px，标题不要低于 32px。字号尺度刻意宽裕，小文字会破坏温暖宽敞感。
