studio-green
#6fa67f Primary accent — the 67 tile, pull-quotes, score badge.
67b · brand guide v1.1
A studio notebook, abbreviated.
Click any card to open its full entry. Use Esc to close. Everything here is production-binding — if the site does it, this page explains it.
The mark
67b
Tile 1.75rem square · corner radius 0.35rem · numeral centred -1px optically.
- DO Studio-green tile + /67/ numeral paired with lowercase /b/ set in display serif.
- DO Numeral locked to tile at 1.75rem square, 0.35rem radius corners.
- DON'T Full wordmark without the tile. The tile IS the brand.
- DON'T Tile recoloured outside studio-green, paper, or ink.
- DON'T The numeral broken out of the tile — 67 floats alone.
Assets: /brand/mark-67.svg · /brand/logo-67b.svg
Palette
paper
#f0ece3 Page field / canvas. Warm paper, not white.
ink
#171717 Body type and rules.
pencil
#5c5c5c Captions, meta, the third rank of information.
margin
#d9d3c6 Hairlines, dashed dividers, table borders.
flag
#d4663c Accent-of-an-accent. Reserved for rejection stamps and warnings.
Hold to three colours per surface: paper, ink, studio-green. Pencil for meta, margin for hairlines, flag only as a stamp.
Type
- Display
-
'Iowan Old Style', 'Hoefler Text', Georgia, serifHeadings ≥ 1.5rem. Serif, never condensed, never italicised for emphasis.
- Body
-
'Iowan Old Style', Georgia, serifLong-form reading. Line-height 1.6. Measure: 64ch.
- Meta
-
ui-monospace, 'IBM Plex Mono', Menlo, monospaceEyebrows, captions, tabular numbers, the score badge.
Principles
-
Nothing starts at 1.
The studio opens at 67. Every counter, every list, every index begins where the work actually is — past the point of tidying, inside the record.
-
Paper first, screen second.
Everything we show should read like it was first printed on a slightly-creased sheet of warm paper and then — reluctantly — scanned.
-
The grid is not negotiable.
Eight-point vertical rhythm. 64-column body measure. Headings on multiples of 16. Everything else is yours.
-
Use the '67 brand like a pull-quote.
Never larger than the work. Never smaller than a whisper.
The points game
Consent-gated, on-device ledger. No server, no cookie, no transmission. Accepting the cookie banner opts you in. Reject or Reset clears it entirely.
How to start
- Visit any page — the cookie banner appears on first load.
- Click Accept. The ◆ score badge appears in the top nav.
- Browse. Points accrue automatically. Open the dashboard to see the ledger.
How to reset
Open /dashboard → use Start the game over. This wipes the ledger and the cookie choice so the banner returns on your next visit.
Scoring
| Action | Points | Notes |
|---|---|---|
| Visit home (/) | 5 | Once per 24h per path |
| Playground or dashboard | 15 | Rewards active engagement |
| Map / notes / process / specimen / kerning / aphorism | 10 | Core archive pages |
| Any other page | 8 | General exploration |
| Revisit within 24h | 1 | Soft tax on loops |
| Page-specific bonuses | 1–5 | Pages can call window.sixSevenB.add(n, reason) |
Trophies
- First step — first point scored.
- Initiate — reach 67 points.
- Explorer — visit 5 unique pages.
- Cartographer — visit 10 unique pages.
- Interactor — log 22 scored events.
- Bibliophile — reach 300 points.
- Mystic — reach 670 points.
Objects
The 67 tile is built for a button, a sticker, a foil deboss, a small enamel pin. It reads at 10 mm square. Paired with the lowercase wordmark on stone or off-white cotton, it works as a tote, a notebook cover, or a business card you might not throw away. The flag orange is reserved: only for limited runs.
- Pin / sticker — tile-only, 10–22 mm.
- Business card — tile upper-left, lowercase wordmark right, paper ground.
- Tote / notebook — tile debossed or screen-printed centre-chest / centre-front.
- Dispatch stamp — flag orange, reserved for limited-run or rejected-brief artefacts.