Evervault 网站预览
Evervault 网站预览

Evervault

如同紫外光背后的加密保险库,一座深色密室里,唯一的紫罗兰光束揭示一切。

Evervault像一套夜间加密保险库界面:近黑画布被紫外光穿透,每个表面都像拉丝黑曜石。调色板95%无彩色,依靠冷灰紫浅色(#dfe1f4、#ececfb)而非纯白,唯一的鲜亮紫罗兰(#b88cff)如同加密密钥,出现在链接、图标、渐变色洗和首屏发光入口上。排版是品牌安静展现实力的方式:Roobert标题以强烈负字间距将字形拉拢,Inter正文和UI保持舒适密度,Roboto Mono代码则传达开发者优先的可信度。组件悬浮且分层,包括胶囊导航栏、12–16px圆角且带内嵌阴影叠层的卡片,以及胶囊CTA;布局在深色画布和明亮渐变横带之间交替,让人仿佛穿行于加密舱室。

查看原始网站

使用规范

建议采用

  • #010314作为通用画布,页面级表面绝不要引入更浅背景。
  • #b88cff保留给链接、图标和渐变终点;它是加密密钥,而非填充色。
  • 48px+展示字号的标题字间距设为-0.025em,随着字号增长继续收紧。
  • 悬浮导航采用19.2px圆角,内容卡片采用16px;所有CTA按钮和标签采用9999px。
  • 卡片采用带紫罗兰色调的阴影叠层(rgba(190,167,255,0.24) inset + rgba(0,0,0,0.25) drop),而非普通灰色阴影。
  • 所有低于14px的眉题或分类标签,都采用Roboto Mono全大写和0.400em字间距。
  • Void Canvas分区与Gradient Hero Bands交替,形成加密舱室般的节奏。

建议避免

  • 不要引入浅色主题;深色画布是品牌身份。
  • 不要将#6633ee作为大面积表面的平面填充;它只属于渐变内部和标志。
  • 正文不要采用纯#ffffff;使用#dfe1f4或#ececfb,避免近黑画布上的生硬对比。
  • 不要所有地方都使用相同圆角;徽章和按钮8px、卡片12px、导航19.2px、首屏形状24px+。
  • 不要使用普通灰色阴影;带紫罗兰色调的阴影叠层让深度具有加密气质。
  • 低于18px的正文不要使用Roobert;UI字号改用Inter,以便阅读。
  • 长篇正文段落不要居中;只将标题和简短CTA组居中。