Baselayer 网站预览
Baselayer 网站预览

Baselayer

Baselayer — 电蓝色账本,深夜风格。将界面视为一份制度性文件,展开于发光的风险分析控制台之上。

Baselayer 以白色编辑类网站画布搭配深海军产品世界,使用电蓝色作为集中系统信号,而非通用装饰。大尺寸 Season VF 无衬线陈述句置于宽敞的空白区域,而 Uncut Sans 负责紧凑导航,Modern Era Mono 则将标签、操作和数据语言转化为操作性符号。产品视觉被设计为扁平验证控制台:锐利的分隔线、1px规则、小4px圆角、网格字段、状态行以及加号注册标记。

查看原始网站

使用规范

建议采用

  • 使用 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 的系统字段过渡中引入渐变。
  • 不要用通用浮动装饰形状替代深色网格、细分隔线和加号标记。