A privacy-preserving data protocol with zero-knowledge proofs. Fits Web3 dev infra, privacy-tech SaaS, ZK-platform tools, and protocol landing page designs.
Screenshots of 2 pages from zkpass.org: homepage and green color.
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. These values are read from the zkPass DESIGN.md in the Pass bundle, which carries all 17 color tokens, 16 type styles, the radius and spacing scales and the full component rules.
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.
About zkPass
Home page hero
The home page is a technical blueprint in black with acid-lime accents. A thin, boxed top bar splits the screen into cells: the wordmark in the first cell, then seven small uppercase links (technologies, solutions, features, hybrid ZK, use cases, resources and devs) and a solid lime launch-app cell at the far right. Everything sits on a faint dotted grid with small plus-sign registration marks at the corners, like a drafting sheet. The headline, "Privacy-focused to connect the world," is set in a squared, monoline, all-caps display face in white and is broken across three offset lines, so that the last two words are set in their own notched black block. At the right, a thin lime outline of a maze-like circuit with rounded nodes and a small solid square winds across the screen. Two tiny caption blocks at the bottom describe a protocol for private data based on three cryptographic techniques and verifying real-world private data without revealing details. A small box at the right announces that a test network is open, with a lime launch-app strip.
Lime blocks and standings
Under the hero, a large pattern of lime blocks in a woven cross-and-square layout spreads across the screen, with one cell cut out to show the logo in black. A section labeled "Our standings" is a four-cell table of very large figures in white outlined digits: proof generation, transactions, community supporters and schemas. Each cell has a small caps label at the top left and a column of short tick marks, like a ruler, along the left edge. A section labeled "How does it work?" begins below with a dotted-circle indicator and two large empty panels where a diagram animates.
Features
A boxed "Features" label opens a three-column table with thin dividers. Each column is numbered and has a small lime-and-grey line-art icon of nodes joined by lines, a large uppercase title and a two-line description. The first, privacy-preserving, says users can prove everything without uploading any documents. The second, compatibility, says it works with all HTTPS-based web sessions without APIs. The third, verifiability, says it lets anyone verify the provenance, authenticity, integrity and validity of private data. A large outlined word, schema, sits above them with a small install button and a caption about a gate that moves private data from one web world to another.
Lime variant
The second capture of the page swaps the palette. The black background is replaced by a solid lime and the black hero is cut out like a stencil, with the headline's final words in their own black block and the lime blocks below turned black with lime crosses. The test-network box at the right now reads that an alpha network is open, with a white launch-app strip. The layout and type do not change, which shows the whole design is driven by two colors.
Based on full-page screenshots of zkpass.org in two color variants (black and lime). The figures in the standings section reflect the capture date and are the site's own claims, and the network status text reflects that moment. Check the live site before relying on specific details.
Related designs
Catalog Pass included