Idle Finance
深蓝色基底、胶囊形控件与渐变展示。
Uniswap
白色基底、胶囊形控件与圆角卡片。
页面以白色为基底，搭配近黑色文字。字体采用 Basel。视觉特点包括胶囊形控件、圆角卡片、网格布局、磨砂表面。适合参考的场景：技术项目官网、区块链产品介绍页。
查看原始网站使用规范
建议采用
- 实心操作按钮使用 #ff37c7，作为界面唯一的彩色展示。
- 所有文字都使用 Basel，字重为 485，并在每个字号下保持 -0.02em 字间距。
- 所有卡片表面使用 20px 圆角，Token 胶囊和搜索框使用 999999px。
- 页面画布保持纯白 #ffffff，让漂浮球体提供全部背景颜色。
- #0c8911 仅用于高亮实时统计值。数据强调不使用其他颜色。
- 卡片内边距为 16px，元素之间为 8px，形成紧凑却疏朗的节奏。
- 每个视口最多放置一个实心洋红 CTA；其他操作使用幽灵样式或柔粉变体。
建议避免
- 不要在界面中引入第二种彩色强调。系统刻意采用单色加洋红。
- 正文不要使用纯黑 #000000，而应采用稍柔和、较温暖的 #131313。
- 不要添加可见投影。唯一允许的阴影，是抬升控件上 10px、黑色 3% 的轻微阴影。
- 背景不要使用球体配色之外的任何颜色。球体负责装饰，表面保持白色。
- 除 Token 选择器或搜索框外，按钮不要采用 999999px 胶囊圆角；CTA 使用 12–16px。
- 正文或导航标签不要使用彩色文字。仅允许 #ff37c7 用于操作、#0c8911 用于数据，以及 Ink/Steel 中性色阶。
- 不要缩小 64px 展示字号，也不要增加 0.96 行高。紧密展示节奏是标志。
