zkPass 网站预览
zkPass 网站预览

zkPass

近黑色基底、细线分隔与衬线字形。

页面以近黑色为基底,搭配白色文字。局部操作控件以黄绿色强调。字体采用 PT Serif、Inter Tight。视觉特点包括细线分隔、衬线字形、分屏构图、居中构图。适合参考的场景:技术项目官网、区块链产品介绍页。

查看原始网站

使用规范

建议采用

  • #c5ff4a用于填充CTA按钮、发光边框、状态胶囊,以及每个标题严格一个斜体强调词;绝不用于正文,也不用于全尺寸图标。
  • 展示标题采用PT Serif、字重300、负字间距(56px时为-0.025em,逐步变为130px时的-0.035em)及紧凑行高(0.88–0.95)。
  • 所有UI标签采用Inter Tight大写、0.18–0.26em字间距,以及括号或句点标点,使其像机密文件元信息。
  • 通过边框颜色递进(#252525 → #1f1f1f → #313131)分隔表面层级,而非投影;系统严格只有一处辉光,属于青柠色CTA。
  • 主要页面背景使用#060606,#000000仅用于绝对虚空区域,如顶部栏、首屏深色区块和代码块行内片段。
  • 首屏在近黑画布上使用点状地球SVG构图,白色点、无填充,绝不使用摄影或渐变首屏。
  • 霓虹区块分隔线采用全宽6–8px #c5ff4a色条,每页严格只有一条,位于主要页面区域之间。

建议避免

  • 不要引入#c5ff4a、#597321和#314013以外的彩色,整个彩色色板是三种绿色对应十种灰色。
  • 不要为卡片、面板或模态框应用投影,高度仅通过表面明暗层叠表达。
  • 展示文字不要使用PT Serif 400或更高字重;300是标志性特征,更粗会破坏轻声而权威的效果。
  • 卡片、面板和内容块的圆角不要超过4px;系统刻意接近锐利直角,只有状态胶囊使用9999px圆角,其他元素都不使用。
  • 正文、段落或长篇描述不要使用青柠绿;它仅用于操作、边框,以及每个标题最多一个斜体强调词。
  • 不要将展示衬线字体混入UI装饰(按钮、导航、标签),24px以下一切均属于Inter Tight。
  • 长正文段落不要居中;内容卡片使用左对齐文字,标题上方的元信息标签和区块编号分别在左右镜像排列。