Baselayer

白色基底、等宽文字标注与宽松留白。
页面以白色为基底,搭配近黑色文字。字体采用 Season VF、Uncut Sans。视觉特点包括等宽文字标注、宽松留白、衬线字形、网格布局。适合参考的场景:支付服务首页、金融科技产品介绍页。
查看原始网站使用规范
建议采用
- 使用 Paper White #ffffff 作为默认画布,保留 Ledger Navy #09234f 用于大尺寸首屏、导航、页脚及系统字段带。
- 将展示陈述设为 Season VF 515;使用 72px/73.44px 且 -0.36px 字间距用于首屏级文字,48px/52.8px 且 -0.24px 字间距用于主要区块标题。
- 导航标签使用 Uncut Sans 15px/500,行高 12px。
- 将大写操作标签和转化文本设为 Modern Era Mono 16px/500,行高 18.4px。
- 使用 1px Rule Gray #e5e5e5 或 Steel Rule #ced3dc 边框,而非阴影。
- 保持卡片为正方形,圆角 0px;仅在按钮、链接、导航控件及产品控制台角落使用 4px 圆角。
- 以 4px 基础单位,搭配 12px 元素间距、20px 组件内边距和 32px 区块间距。
建议避免
- 不要对内容卡片、标志格、照片或大尺寸能力表面的圆角超过 0px。
- 不要使用胶囊形按钮、徽章或 9999px 圆角;按钮和工具控件的圆角为 4px。
- 不要为卡片、产品窗口或导航添加阴影。
- 不要将展示标题设为 Uncut Sans 或 Modern Era Mono;保留 Season VF 515 用于陈述级标题。
- 不要将 Registry Blue #384ce3 作为通用填充操作处理;仅限于产品系统字段、标记和活跃视觉信号中使用。
- 不要在 Ledger Navy #09234f 到 Registry Blue #384ce3 的系统字段过渡中引入渐变。
- 不要用通用浮动装饰形状替代深色网格、细分隔线和加号标记。