Lithic
白色基底、细线分隔与宽松留白。
Column
近白色基底、等宽字体与分屏构图。
页面以近白色为基底，搭配近黑色文字。字体采用 SuisseIntl、SuisseIntlMono。视觉特点包括等宽字体、分屏构图、网格布局、磨砂表面。适合参考的场景：支付服务首页、金融科技产品介绍页。
查看原始网站使用规范
建议采用
- 所有卡片、按钮、输入框及交互表面使用 8px 圆角——9999px 胶囊形控件仅用于徽章和标签。
- 将深海军蓝（#111a4a）主按钮与次级空心按钮（#111a4a 边框，透明填充）配对——切勿将两个填充型 CTA 并列放置。
- 代码片段使用 SFMono 字体，字号 12px，行高 1.5，键值使用 #167e6c（海藻绿 700）着色，字符串值使用 #94efb7（海藻绿 400）着色。
- 仅对产品卡片应用五层渐进式阴影堆叠——对带边框的卡片不使用，此类卡片采用更简单的 1px 细线加轻影。
- 标题的字间距在 52px 时设为 -0.03em，在 40–48px 时设为 -0.02em——大字号的紧密字间距是实现 SuisseIntl 编辑风格的关键。
- 最多仅在一个页面中使用一次信号橙色（#ec652b）表面——该强调设计旨在稀有且高信号。
- 区块间距设为 72px，卡片内边距设为 24px——舒适的密度是机构信任感的一部分。
建议避免
- 不要在按钮上使用 9999px 胶囊形控件半径——按钮保持 8px 圆角以维持锐利、自信的银行风格。
- 不要在正文之外的非代码或数据语境中使用海藻绿（#44b48b）——该颜色仅用于技术内容，不适用于散文文本。
- 同一页面不要叠加超过两种卡片阴影样式——产品卡片与交易控件的阴影都具有强烈视觉效果，同时使用会产生视觉噪音。
- 不要在 UI 元素上使用线性彩虹渐变——该效果仅为半色调地图插画的临时装饰资产。
- 不要将正文文本设置低于 14px（SuisseIntl）——在微文本和技术标签中应降级为 SuisseIntlMono 或 SFMono，字号 10–12px。
- 不要将钴蓝边（#1e4199）或海洋深度（#0c6997）用于文本或按钮——这些是装饰性 SVG 颜色，仅用于视觉点缀。
- 不要使用纯黑色（#000000）作为正文文本——应使用 Slate Ink（#3b3e47）或 Obsidian（#12161e）以实现更柔和、精致的深色效果。
