Lithic
白色基底、细线分隔与宽松留白。
Fluz
白色基底、胶囊形控件与网格布局。
页面以白色为基底，搭配近黑色文字。字体采用 Greed-SemiBold、Greed Condensed。视觉特点包括胶囊形控件、网格布局、渐变展示、紧密字距。适合参考的场景：金融产品官网、财务服务介绍页。
查看原始网站使用规范
建议采用
- 所有显示与标题文字使用Greed Condensed 700；所有低于标题层级的文字使用Area 400/700——同一角色中禁止混用两种字体。
- 所有主要文字、填充按钮及导航栏使用#1a0000（浓缩咖啡墨水），禁止用#000000或#111111替代。
- 填充型行动号召按钮的圆角半径设为200px，透明描边按钮、徽章及输入框设为100px，胶囊形是不可妥协的规则。
- 仅在首屏首屏区域使用棱镜渐变（蓝色→薰衣草紫→薄荷绿→绿色）；将其视为一次性的品牌爆发，而非重复出现的背景。
- 随着字号增大，Greed Condensed的字间距逐渐收紧：32px时为-0.005em，增至203px时为-0.030em——字间距随尺寸比例压缩。
- 卡片的边框圆角设为20px，不使用可见边框或阴影——视觉重量由#f2f2f2填充或图像内容提供。
- Greed Condensed在显示字号下保持行高在0.79–1.15之间——这种紧密的行距使96px以上的标题显得雕塑般凝练，而非松散。
建议避免
- 不要使用纯#000000或#ffffff的边框进行强调——系统的温暖感来自#1a0000和#ededec。
- 不要将棱镜渐变应用于卡片、按钮或区块背景——它仅属于首屏首屏区域。
- 不要使用基于阴影的层级效果；系统采用表面色彩渐变（#ffffff → #f2f2f2 → #ededec）替代盒阴影。
- 不要在显示字号下将Greed Condensed设为400字重——看起来单薄；标题必须使用700，正文部分使用Area进行字重对比。
- 不要使用矩形或圆角矩形按钮（4–8px半径）破坏胶囊形规范——系统要么完全为胶囊形，要么完全为卡片形。
- 不要引入额外的品牌色（紫色、橙色、粉色）——色彩体系仅包含暖黑色、白色、暖灰色以及四色停顿的棱镜渐变。
- 不要将正文文字居中对齐；居中对齐仅用于首屏标题和单行行动号召。正文内容与描述保持左对齐。
