Brand kit

Slingshot’s own brand, built as an agentic brand system: the guides, tokens, MCP server and CLI we are building, used on Slingshot first.

Every rule carries its reason, so a person or an agent can apply it to a case nobody wrote down. The same files are on npm, and the MCP server is listed in the MCP Registry, so an agent can read the kit without this site.

Guides

01Voice
Slingshot writes like a plain, careful engineer: specific claims, full sentences, nothing inflated.
02Layout
One centred column on an empty page, read from top to bottom.
03Typography
Three faces with separate jobs. Families and sizes are in tokens.json.
04Colour
Ink on paper, with one quiet grey. The values are in tokens.json.
05Mark
The mark is a slingshot's fork with the stone just above it, already let go: mark.svg, drawn on a 24 by 28 grid. mark.png is the same mark on paper at 512px, for avatars.

Which guide to read

If you are making	Read
Copy of any kind: a page, an email, a post, a deck	`voice.md`
A page, a screen or a slide	`layout.md`, then `typography.md` and `color.md`
Anything that shows the mark	`mark.md`

All values (colours, type, sizes) live in tokens.json; tokens.css is generated from it. Use a token, never the raw value, so a change made once reaches every surface.

When two rules conflict, the earlier guide in this list wins: voice, layout, typography, color, mark.

If something you need is not covered, do not guess. Ask, or leave a visible note that the kit is missing a rule.

Tokens

paper: #fcfcfc
ink: #161614
stone: #646361
surface: #f1f1f1
line: color-mix(in oklab, oklch(0.2 0.003 95) 14%, transparent)
font.statement: Exposure, Georgia, 'Times New Roman', serif
font.text: Geist, 'Helvetica Neue', Arial, sans-serif
font.label: 'Geist Mono', ui-monospace, Menlo, monospace
size.statement: 34px
size.statement-mobile: 26px
size.text: 15px
size.label: 11px
space.column: 560px
space.section: 88px
space.section-mobile: 64px

Use it

See which guide to read for a task

npx -p @slingshot-fyi/brand-kit slingshot-brand guide

Check a stylesheet for colours that are not tokens

npx -p @slingshot-fyi/brand-kit slingshot-brand check src/*.css

Give Claude Code the kit while it works

claude mcp add slingshot-brand -- npx -y @slingshot-fyi/brand-kit

Where it lives

GitHub: slingshot-fyi/brand-kit (opens in a new tab)
npm: @slingshot-fyi/brand-kit (opens in a new tab)
MCP Registry: fyi.slingshot/brand-kit
Version: 0.1.0