The boardkit brand
Logo, colour, type and voice. Plain and specific, like the product.
Logo
A board of cards with a spark in the last cell: the work, and the agents doing it. Keep one card’s height of clear space around it. Minimum size: mark 16px, logo 96px wide.
Don’t
- Recolour outside the palette
- Stretch, skew or rotate
- Add shadows, gradients or glows
- Replace the spark with another icon
- Set the wordmark in another typeface (it stays system-ui)
Colour
- Indigo
#3730a3Primary - Indigo 600
#4f46e5Accent, spark - Indigo 400
#818cf8Focus, dark mark - Indigo 200
#c7d2feLight cards - Indigo 50
#eef2ffSoft background - Ink
#0f172aHeadings - Slate 600
#475569Body - Slate 500
#64748bCaptions - Slate 400
#94a3b8Dividers - Slate 200
#e2e8f0Lines - Night
#0b1020Dark sections
Never use Slate 400 or Indigo 200 for text. Indigo 400 is for focus rings and non-text marks on white, and for text on night.
Typography
Two typefaces on the landing and this page: Bricolage Grotesque for headings and card titles, Instrument Sans for everything else. The portal and the boards keep the system font stack.
- Hero heading Bricolage Grotesque 800, 38-68px, tracking -0.045em
- From “can we…?” to shipped, on one board.
- Section heading Bricolage Grotesque 800, 27-38px, tracking -0.035em
- How a task travels
- Card title Bricolage Grotesque 700, 16px, tracking -0.01em
- Pay with bank transfer
- Lead Instrument Sans 400, 16-18px
- Clients ask in plain words. boardkit turns it into a task your team and its coding agents can build.
- Body Instrument Sans 400, 14-16px
- Claude and Codex read, claim and hand back cards with their own keys.
- Label Instrument Sans 600, 12-13px, sentence case
- Ready, In progress, In review, Released
Voice and tone
Plain, specific, no hype. Name the thing, not the benefit.
Do Requests become clear tasks through a short AI interview.
Don’t Supercharge your workflow with AI-powered intake!
Do One revocable key per agent, per project.
Don’t Enterprise-grade security for your agents.
Do Pull requests link to cards; shipping moves them to production.
Don’t Seamless end-to-end delivery automation.
In the product
The portal chrome stays neutral: the boardkit logo, ink on white, indigo for primary actions. A project’s theme applies only inside its board and never recolours the logo.