LOCKET docs
LOCKET: one secret per piece. The name is the mechanic. You swap the token, a piece lands in your wallet, and one of its traits stays sealed until you open it yourself.
A vault opens: the mark and the motion both come from that one idea. White is the ceramic robot the vault holds and the frame around the glass. Lime is the coin, the vault's rim and the keyhole light. The collectible is toy-like, glossy and exact, a collectible brand with working machinery behind it, friendly rather than hyped.
Drawn by docs/js/docs-tile.js, a 2D preview of the same design and trait tables as the privacy contract.
The site's own chrome, the pale mint pages this documentation and the landing page sit on. Light theme only.
| Token | Meaning |
|---|---|
--ground | The page background. Pale mint, never pure white. |
--ink | Text and quiet parts. The deep green-black that reads as the site's real black. |
--accent | The coin and the piece. The one lime that appears as fill. |
--accent-deep | The only green allowed to carry text, when green text is needed at all. |
--tint | A pale lime ground for callouts, code and the glass pane's lightest shade. |
--glow | Glow and highlight only, such as the active page marker. Never used for text. |
--card | White. The vault's frame and the robot inside it. |
The on-chain tile in contracts/src/LocketCollection.sol draws from its own, wider palette, all flat fills, no gradients, no filters and no outlines; the only ink in the picture is the pair of eyes. This is that whole palette, and nothing else appears in the artwork.
| Group | Hex values | Where it is used |
|---|---|---|
| Lime family | #D6F7A0, #C4F36C, #B6F24A, #9BEA1E, #84E000, #4A9400 | The glass pane's two flat bands per tint, and the frost frame's rim and the crown's highlight dots. |
| Whites | #FFFFFF, #F6FAF8, #EEF5F1, #E4EEE8, #DDE9E2 | The three frame finishes (gloss, satin, frost), the character body, the hands and the chain links. |
| Shade | #A9C2B4 | The soft shadow behind the frame and the chain links. |
| Ground | #CFDED4 | The tile's own background, behind everything. |
| Deep green | #067A56 | The solid fill of every headwear option. |
| Accent | #16BF86 | Headwear highlights: the cap's brim stripe, the bow's centre, the scarf's knot. |
| Ink | #0F1419 | Eyes only. Nothing in the artwork is outlined. |
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.