zkPass

加密终端与机密大报相遇:唯一青柠绿信号穿透近黑排版,将轻如低语的衬线字体与终端级无衬线字体相配。
zkPass结合加密终端与编辑式大报:近黑画布为唯一鲜亮黄绿色强调(#c5ff4a)提供底层,它像暗室中的信号灯。展示语气来自字重300的PT Serif,这是一种刻意反常规的选择,为密码学协议增添编辑式庄重感,以排字报纸的权威对比冷峻科技感。正文与UI装饰转为Inter Tight,大写宽字间距标签(0.18–0.26em)像机密文件元信息。表面紧密层叠:纯黑画布 → 近黑卡片 → 略抬高的面板,全部通过极细边框而非阴影分隔。青柠绿仅以三种角色出现:填充CTA、发光边框和标题中的斜体强调词;其他一切保持单色调。
查看原始网站使用规范
建议采用
- #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。
- 长正文段落不要居中;内容卡片使用左对齐文字,标题上方的元信息标签和区块编号分别在左右镜像排列。