Increase

近白色基底、紧密字距与等宽字体。
页面以近白色为基底,搭配深蓝色文字。字体采用 Untitled Sans、Input Mono。视觉特点包括紧密字距、等宽字体、分屏构图、网格布局。适合参考的场景:支付服务首页、金融科技产品介绍页。
查看原始网站使用规范
建议采用
- Inkwell Navy(#1a2b3b)是唯一的填充按钮背景;主要操作绝不要采用彩色填充。
- 展示文字设为90px和-5.4px字间距,以保留标题密集、金融文档般的质感。
- Voltage(#e4ff33)公告栏色只用于满幅条带或单个设计变量的强调;绝不要用于卡片、按钮或文字。
- 卡片采用12px圆角,按钮、输入框和导航采用8px;999px只留给胶囊标签。
- 正文和UI采用Untitled Sans,所有代码、数字和API标识采用Input Mono,并启用ss01/ss02/ss12。
- 让卡片以藏青色调的三层阴影悬浮在Fog(#edf0f2)画布上,而非采用硬边框。
- 四步渐变(黄绿色 → 薄荷色 → 青色 → 蓝色)只作为首屏文案后方的棱角几何块呈现,绝不要成为柔和辉光或按钮背景。
建议避免
- 不要将Mint Signal(#31f2bf)或Voltage(#e4ff33)作为主要按钮填充;它们是信号色,而非操作色。
- 不要添加第二种饱和强调色;系统只依靠藏青色、黄绿色和薄荷色,引入第四种彩色会破坏机构式气质。
- 白色表面上的文字不要使用纯#000000;Inkwell Navy显得权威,纯黑则像尚未完成。
- 不要用模糊或圆角柔化首屏渐变;棱角、切面般的几何形态使其呈现为金融基础设施,而非营销艺术品。
- 正文字号的letter-spacing不要大于-0.01em;负字间距让Untitled Sans具有建筑感,放松间距会瓦解品牌。
- 不要将代码语法蓝(#33bbff)提升为UI调色板的一部分;它只存在于代码块语境中。
- 不要直接添加深色模式变体;必须先将画布重建为更温暖的近黑色(#0d1726-family),冷灰与藏青色阶无法自然反转为黑色色阶。