A privacy-preserving data protocol with zero-knowledge proofs. Fits Web3 dev infra, privacy-tech SaaS, ZK-platform tools, and protocol landing page designs.
Design tokens
17 colors · 16 type stylesVivid lime (#c5ff4a) primary on a pure black (#000000) canvas, set in PT Serif for headlines and Inter Tight for body text. The highlights below are read from the zkPass DESIGN.md in the Pass bundle, which carries all 17 color tokens, 16 type styles and the full component rules.
Colors
- Primaryvivid lime
#c5ff4a - Canvaspure black
#000000 - Inkpure white
#ffffff
Type
- PT SerifDisplayweights 300, 400, 28 to 156px
- Inter TightBodyweights 400, 500, 600, 13 to 16px
- JetBrains MonoMonoweight 400, 10 to 13px
Radius
- none 0px
- xs 2px
- full 9999px
Spacing
- hairline 2px
- xxs 4px
- xs 6px
- sm 8px
- md 14px
- lg 18px
- xl 22px
- xxl 28px
- xxxl 36px
- section 96px
Components
- Primary button
button-primaryPrimary buttons fill with vivid lime (#c5ff4a) and carry pure black (#000000) text, set in Inter Tight 12px at weight 500, with square corners and 18px 24px padding.
- Card
feature-cardCards sit on pure black (#000000) behind a graphite (#3d3d3d) hairline, with square corners and 28px padding.
- Text input
text-inputText inputs use pure black (#000000), with square corners.
Three ways to ship a zkPass-style UI.
Use in your AI builder, no-code tool, or CMS
Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.
Not affiliated with zkPass. All trademarks belong to their respective owners.
Related designs
Catalog Pass included
