Brand toolkit · Reference v1

One identity, applied the same way every time.

This page is the single source of truth for how TSB Labs looks, sounds and writes. It covers the logo system, color, typography, graphic language and voice, with downloadable assets at the bottom. When in doubt, copy what is here.

02 / Color

Blueprint blue on ink.

Ink dominates. Blue is the working accent, roughly one part in ten. Warm paper is for light documents and for type sitting on blue. Click any swatch to copy its hex.

Blueprint Blue#3d6ef7Primary actions, tile, key accents
Bright Blue#6a92ffLinks, mono labels, accents on ink
Blue Tint#eef3ffLight panels, table fills in documents
Ink#0b0e14Primary background, type on light
Card#151b28Surfaces and panels on ink
Warm Paper#fbfaf8Light documents, type on blue
Body Gray#a7b1c5Body text on ink

Rules

Never mix this palette with DevMate red or AI Founder Hub volt. Three brands, three systems.
Blue on ink or paper on blue. Never blue type on the blue tile.
Body text on ink is Body Gray, headings are Warm Paper. Pure white is not used.
03 / Typography

Inter speaks, mono labels.

Two families only. Inter carries headlines and body. JetBrains Mono carries labels, codes, numbers and anything that should feel like part of the machine.

INTER · 400 TO 800
We build the systems that run the business.
Headings 700 to 800, tight letterspacing, minus two percent.
Body 400 at 15 to 17px with relaxed line height around 1.7. Emphasis is 600 in Blue Tint, never italic.
JETBRAINS MONO · 400 TO 700
TSB-2026-024 · OMR 12,500 · STAGE 03 OF 05
Kickers and labels · uppercase · letterspaced .14em to .22em

Rules

Mono is for short strings only: labels, reference codes, prices, statuses. Never paragraphs.
Every section opens with a mono kicker in Bright Blue before the Inter headline.
Numbers in tables and pricing always set in mono so they align.
04 / Graphic language

The blueprint grid.

The background system that makes TSB Labs recognizable at a glance: a faint engineering grid on ink, structured cards, and mono wayfinding.

GRID

Major lines every 96px, minor every 24px, in Blueprint Blue at 5 and 2.5 percent opacity. Always behind content, never competing with it.

KICKERS

Sections are numbered in mono with a short rule line before the text.

01 / SELECTED WORK
THE DOUBLE SLASH

List items and service names take a blue double slash prefix, a nod to code comments.

// SECURE FOUNDATIONS
REFERENCE CODES

Every document carries a reference in the footer, mono, uppercase.

TSB-2026-0XX

Rules

Cards are Card color on ink, 1px blue-tinted border, 12px radius, generous 28 to 30px padding.
Documents for print use Warm Paper with the same grid in Blue Tint, dark cover pages optional.
Status chips are mono, uppercase, blue tinted. No traffic-light colors.
05 / Voice and writing

Calm, structured, no hype.

TSB Labs writes like an engineer who respects your time. The company speaks as we. Ahmed is named as founder and as the person personally delivering, which is a selling point, not a footnote.

The line

We build it. You run it.

Rules

Never use em dashes or en dashes. Commas, colons, periods and plain hyphens only.
Short sentences. One idea each. Cut every adjective that does not earn its place.
No hype words: revolutionary, cutting edge, world class, unleash, supercharge.
Honesty is the selling mechanism. State limits plainly, including what we advise clients not to buy.
Confidential clients are described, never named. References offered privately instead.
Prices, dates and stage numbers are stated exactly, in mono, or not at all.
06 / Assets

Download and go.

SVG sources for the logo system. They scale to any size. For print work, install Inter and JetBrains Mono locally, both are free on Google Fonts.

tsb-monogram.svg tsb-lockup-dark.svg tsb-lockup-light.svg
COPIED