TypesheetThe brand this site is built with, as every agent reads itapproved v4
Type · displayGeist 400
64 / 1.0 / −0.04em · one weight, hierarchy by size
text
--color-inkoklch(0.145 0 0)
accent
--color-accentoklch(0.46 0.27 265)
surface
--color-surfaceoklch(0.982 0 0)
border
--color-border1px, the only line
Button · primarycomponent
Approve
Buttoncomponent
Export
Fieldcomponent
acme
Statuscomponent
Approved v4
Voiceevery surface

Precise, calm, evidence-led. Say the thing, then stop.

Never say
  • seamless
  • unlock
  • leverage
  • revolutionary
Ruleanti-pattern

Never invent a second accent color.

What an agent readssurface: marketing
get_brand_context({
  brand: "typesheet",
  surface: "marketing"
})

{
  "version": { "source": "approved", "number": 4 },
  "palette": [
    { "role": "text", "hex": "#0a0a0a" },
    { "role": "accent", "hex": "#0e31eb" }
  ],
  "voice": {
    "summary": "Precise, calm, evidence-led.",
    "claims": "Numbers need a source."
  },
  "never": [ "Never say \"seamless\"." ]
}
Version
v4approved by a person, read by every agent
Surfaces
  • product
  • marketing
  • decks
  • reports
  • video
01–03How it works
Extract01
› set up my brand

Your coding agent reads tokens, components, type and motion from your code. Code stays on your machine.

Approve02
--accent#3346f0#0e31eb

You see what changed since the last version, and approve it.

Every agent reads03
  • Claude Code
  • Cursor
  • Grok Bot
  • Codex

Each reads the approved version, shaped for what it is making.

vsPresets
A preset

Describes a style someone else chose.

Typesheet

Holds yours: read from your code, drawn live, approved by you.