Docs menu

CACHET docs

Brand

CACHET is the idea of a sealed thing. Every piece mints with the same sealed image and changes when a correct reveal transaction lands after its selected round. No launch round is configured.

Status

The mark

The mark is cut from the piece's own art: a fragment of the twelve glowing lines, purple fading to gold. Purple is the sealed state, waiting on the round. Gold is revealed, what a piece turns out to be once it opens. The collectible reads as quiet and exact while sealed, and warms toward gold as it resolves, rather than announcing itself with hype.

The tile above is drawn by docs/js/docs-tile.js, the site's own frame, glass, silhouette and gradient-family preview. It is not what the deployed contract draws on chain; see Piece artwork below.

Colour tokens

The site's own chrome, the near-black pages this documentation and the landing page sit on. Dark theme only.

Ground#0E0D12
Ink#F3EEE6
Ink soft#C9C0D4
Accent#F7931A
Accent deep#FFC24A
Accent 2, purple#7B3FE4
Tint#241B33
Glow#FFC24A
Card#17141C
TokenMeaning
--groundThe page background. Near-black, never pure black.
--inkText and quiet parts. Warm off-white against the dark ground.
--accentThe coin, the seed and the round marker. The orange the gradient warms toward.
--accent-deepThe brightest gold. What a piece looks like once revealed, and the only gold allowed to carry text.
--accent-2Purple. The sealed state, and the left edge of every gradient before it warms to gold.
--tintA deep purple ground for callouts and code.
--glowGlow and highlight only, such as the active page marker. Never used for text.
--cardThe panel surface just above the ground, where the twelve-line piece and its frame sit.

Piece artwork: site preview and on-chain image

Two different drawings share the name "the piece." The site's own preview, drawn by docs/js/docs-tile.js from js/snag-market.js's five trait groups, is the richer picture used throughout these docs: a frame finish, a seal tint pane, a revealed silhouette, a gradient family and a backdrop, all flat fills, no gradients, no filters and no outlines. That is a site simulation.

CachetCollection.tokenURI draws the twelve-line SVG on chain. The sealed state uses one flat image. After reveal, the SVG bends with five weighted trait groups, including five backgrounds. The site preview is a simulation; no collection is deployed. An evidence hash does not verify confidential generation.

The on-chain backgrounds include shroud, timelock grid, round clock face, beacon pulse and wax seal field. The SVG renderer is the source for marketplace art.

Type

Display headings set in Geologica. Body copy in Public Sans. Mono only where the content is machine data: hashes, addresses, amounts and code, never for ordinary prose.

Do and do not

Do

  • Let the object (the piece, sealed or revealed) carry the page. Chrome stays quiet.
  • Write plain words a stranger can read in seconds.
  • Design phone first. 390 and 360 are the real canvas.
  • Use mono only for real data.

Do not

  • Add a colour outside the tokens or the piece palette above, a gradient on text, or a glassmorphism blur.
  • Use beige, brown, or a random colour tangent.
  • Stack a card inside a card, or use a side-stripe border for emphasis.
  • Use developer jargon in a label a buyer will read.