Lithic
白色基底、细线分隔与宽松留白。
Quicken
明暗对比、紧密字距与非对称构图。
页面兼有浅色与深色区域。字体采用 Haffer。视觉特点包括紧密字距、非对称构图、网格布局、大幅图像展示。适合参考的场景：支付服务首页、金融科技产品介绍页。
查看原始网站使用规范
建议采用
- Voltage Violet #471cff 专用于每屏最重要的唯一操作，绝不让多个紫色行动按钮分散注意。
- 卡片边框用 Lilac Whisper #dbd3ff 或 Periwinkle Mist #bbc5fa 代替中性灰，在每条边缘强化品牌身份。
- 所有按钮设为 400px 圆角；胶囊形在此系统中不可妥协，并表示操作。
- 逐级收紧字间距：16px 时 -0.030em，26–30px 时 -0.033em，48px+ 时 -0.045em。
- 白色与 Deep Iris #0f0733 区块交替形成节奏；绝不让两个深色区块相邻而没有白色分隔。
- 深色区块以完全不透明的白色文字为基础；次要文字使用 Lilac Whisper #dbd3ff，而不是降低白色不透明度。
- Signal Red #eb0130 只用于折扣徽章与紧迫提示，绝不代替主要操作色。
建议避免
- 不要引入新色相；系统二元：白底紫色强调，或 Deep Iris 上的白色。
- 除价格卡片叠层外，组件不要使用投影；深度应来自色彩和边框。
- 卡片不要使用 0px 尖角或极小的 4px 圆角；卡片最小圆角 16px，按钮必须保持胶囊形。
- 正文字号不要低于 14px 或高于 18px；系统避免微型文案和大正文。
- 不要混用 #18181f 与 #000000；#000000 留给导航外框，正文使用 #18181f。
- 不要添加渐变；系统刻意平面，深度来自紫色到 Deep Iris 的区块对比。
- 标题不要用字重 400，正文不要用字重 600；二元字重分配是排版标志的一部分。
