Current

白色基底、渐变展示与大幅摄影展示。
页面以白色为基底,搭配近黑色文字。字体采用 soehne、proxima-nova。视觉特点包括渐变展示、大幅摄影展示、胶囊形控件、网格布局。适合参考的场景:金融产品官网、财务服务介绍页。
查看原始网站使用规范
建议采用
- 首屏标题使用 soehne 字重 300(或更轻)字号 72–90px,字间距 -0.04em——绝不使用 700 字重作为主页面信息传达
- 所有按钮、输入框、标签和导航 CTA 均使用 9999px 圆角——胶囊形状是系统中唯一的几何形态
- 每个页面均以纯白(#ffffff)构建,文字、图标及填充操作使用黑色(#000000),配色系统中不包含任何有色彩的 UI 颜色
- 正文、辅助文本和链接文本统一使用 #737582——绝不使用黑色作为次要信息
- 卡片与区块之间使用 24–80px 的空白间距和 1px 细线分隔,绝不使用阴影或有色背景
- 由编辑式摄影提供全部色彩——选择饱和、略带超现实的图像,并让其自然延伸至原生比例
- 仅在品牌标识和品牌表达中使用 Current Spectrum 渐变——绝不应用于产品 UI 表面
建议避免
- 页面标题绝不使用 600 及以上字重——100–300 范围内的纤细字体是品牌的标志性克制风格
- 绝不引入任何有色彩的 UI 颜色(蓝色、绿色、红色、紫色)到按钮、链接或表面——系统严格为无色
- 绝不为卡片、弹窗或按钮添加阴影——只有悬浮应用 CTA 是唯一提升的元素
- 任何交互元素绝不使用 0–4px 的锐利圆角——仅允许胶囊形(9999px)或适度圆润(8–30px)
- 任何文本的字间距绝不大于 0——所有字间距均为紧密或负值,即使在显示尺寸下亦如此
- 绝不创建深色或染色的区块背景——每个区块均位于白色背景上;黑色导航是唯一的反色处理
- 绝不将图标、表情符号或装饰性图形置于内容流中——唯一可视元素为文字、摄影和胶囊按钮