Increase

如同描在羊皮纸上的机构蓝图:一道电光黄绿色条带划开平静藏青色,薄荷色数据信号在下方脉动。
Increase通过有纪律的藏青色与纸色调色板,传达机构银行安静的权威感;黄绿色和薄荷色被刻意用作电压般的刺激,它们是仅有的、足够鲜亮而能吸引视线的颜色。排版在结构上具有数学感:定制grotesque字体Untitled Sans以负字间距紧密排列,与用于代码的等宽伙伴Input Mono配对,使API文档与产品表面在排版上彼此呼应。卡片悬浮在温暖米白画布上,以轻微带色调的阴影而非硬边框区分,渐变首屏则以由冷到暖的变化为页面奠定基调。按钮仿佛纸上的近黑墨迹;操作语言强调庄重而非活力,让强调色能够自由提示功能、状态和数据流。
查看原始网站使用规范
建议采用
- 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),冷灰与藏青色阶无法自然反转为黑色色阶。