Skip to content
Site volume
Colourway

Brand

The MAKR Labs brand book

The source of truth for anything made for MAKR Labs: the rules, the specs and the files, for the site, print, documents, email, social and slides.

  • Stable
On this page

Applies to

  • Site
  • Docs
  • MAX//OS
  • Print
  • Documents
  • Email
  • Social
  • Slides

Book version

1.0.0, the system's version; every change is a changeset on the changelog

Last verified

24 October 2026, commit 726d192, 83 looks (press check)

This book answers every question about how MAKR Labs looks, sounds and prints, by rule, by spec or by file, so nobody has to ask. It is written for Max, for a contractor building a page, for a printer setting up a job and for an agent writing copy. Every value in it renders from the code that ships, so the book and the brand cannot disagree.

The studio

MAKR Labs is a one-person software studio in Toronto: hand-coded websites for small businesses, a few software products of its own, and the occasional custom app. Clients first meet it at makrlabs.dev; its design system is Overprint and its product is MAX//OS.

The voice

Playful and warm, bold and electric, confident and trustworthy, and funny on purpose: loud and goofy in the headlines, literal on every label, price and error. First person, claims you can check.

Five principles

  1. Personality is the bar, legibility is the floor. Poster type, process inks and comic lettering, and every word readable by everyone.
  2. The words always win. Words print on flat plates; art sits beside them and never under them.
  3. Colour is meaning. Every ink stands for something and always travels with its letter and its glyph.
  4. One dial for the volume. Quiet to Rave turns the art up or down; the reading layer never changes.
  5. Caused, then calm. Motion answers something, then settles; reduced motion always wins.

The inks

The four inks every printer runs, dealt out so the MAKR blocks spell the press they're printed on. Each line of work owns one, with its letter and its glyph; yellow is the one action, wood is MAX//OS.

  • Websites
  • Growth
  • Software
  • Custom apps
  • The one action
  • MAX//OS

Two layers

The reading layer (words, controls, data) prints flat on opaque plates and never changes. The expressive layer (halftone, stickers, stamps, SFX, the ink field, the blocks) sits around it and never under a word.

The volume dial

  • Quiet: docs, forms, legal, long-form, app work views
  • Studio: site pages, MAX//OS default
  • Press: hero moments (up to Press), covers, campaigns, OG
  • Rave: 404, easter eggs, launches, posters, the dial's top

The mark

MAKR

How to use the book#

Each topic page opens with its rules, then the specs that make them exact, then real renders of the right and the wrong way, then the files. Every rule has an id, like BB-MARK-02, that never changes meaning: cite it in a pull request, a review comment or a brief. A retired rule keeps its id, marked with the version that retired it.

Must
Required. There is no exception without Max's written OK, recorded as a ledger row.
Never
Forbidden. The same: an exception needs Max's written OK and a ledger row.
Should
The default. A deviation needs a written reason in the pull request or in the file's notes.
May
Allowed, when it helps. Nobody has to.

Every rule says how it is checked. Most are checked by the build itself; the rest are on the checklists, so a person checks them before anything goes out.

How each rule is checked, from brand/rules.ts
Checked byWhat runsRules
Lintpnpm lint (check:brand and the mk rules) fails the build.12
Press checkThe press check reads every rendered page in every look.27
TestA unit or end-to-end test in the gate.42
ComponentThe component enforces it, or warns in development.11
Manual reviewA person checks it before it goes out: the checklist page lists each one.30

Change control#

The book's version is the system's version. A new or changed rule is a changeset with the prefix brand: and appears on the changelog. After 1.0, changing the mark, an ink or a name is a major version. An exception to any Must or Never needs Max's written OK, recorded as a ledger row.

Who it is for#

Every page#

  1. BB-2

    The mark

    Four squares, M A over K R, in the four Process inks: how the mark is built, sized, spaced, locked up and never misused.

    17 rules: 12 must, 5 never

  2. BB-3

    Colour

    Process: magenta, aqua, red and key, one yellow for the action, wood for MAX//OS. Every ink with its screen, print and spot values.

    13 rules: 9 must, 3 never, 1 should

  3. BB-4

    Type

    Anybody for display, Schibsted Grotesk for text, Shantell Sans for lettering, Geist Mono for code: the roles, sizes and floors on screen, paper and slides.

    10 rules: 8 must, 2 never

  4. BB-5

    Voice and humour

    Loud and goofy, first person, claims you can check; the joke goes beside the literal, never instead of it.

    10 rules: 7 must, 3 never

  5. BB-6

    The comic grammar

    Panels are sections, captions narrate, balloons are people, SFX are caused events: how the comic layer reads at every volume.

    15 rules: 14 must, 1 never

  6. BB-7

    Imagery and photos

    Proof stays untouched; every other photo prints in the inks; 3D is print-shaded blocks; icons are the shape alphabet. Alt text is always literal.

    10 rules: 8 must, 2 never

  7. BB-8

    Layout and grid

    One grid per medium: the screen's twelve columns, document sheets, cards and stickers, social safe zones, the slide canvas and the email column.

    5 rules: 5 must

  8. BB-9

    Motion and sound

    Every motion has a cause and settles; words never move once they land; reduced motion always wins. Sound is off until a visitor turns it on.

    8 rules: 6 must, 2 never

  9. BB-10

    The volume dial

    Quiet, Studio, Press and Rave: one dial that turns the art up or down while the words stay exactly the same, and the volume every channel prints at.

    4 rules: 4 must

  10. BB-11

    Print

    For printers, on one screen: the profiles, the ink builds per stock, black, spot inks, stocks, the business card and stickers, file preparation and proofing.

    12 rules: 9 must, 3 never

  11. BB-12

    Templates

    Quotes, proposals, invoices, letters, the email signature, social posts and the slide deck: each made from JSON by one command.

    18 rules: 17 must, 1 never

  12. BB-13

    Downloads

    Every file of the brand kit at a stable address: what it is, its format and size, its sha256, the version it was built from and the command that builds it.

  13. BB-14

    Examples

    Full compositions in the brand: the home hero at each volume, a case study, cards, a poster, a one-pager, a 404, stationery, social posts and a deck.

  14. BB-15

    Before it goes out

    A checklist for every audience, each item linked to its rule: a print job, a page, a social post, a document, a deck and an agent's copy.

Every rule#

Every area, its page and its rules. 122 rules: 99 must, 22 never, 1 should in all.
AreaIdsRules
MarkBB-MARK-01 to BB-MARK-1717 rules: 12 must, 5 never
ColourBB-COLOUR-01 to BB-COLOUR-1313 rules: 9 must, 3 never, 1 should
TypeBB-TYPE-01 to BB-TYPE-1010 rules: 8 must, 2 never
VoiceBB-VOICE-01 to BB-VOICE-1010 rules: 7 must, 3 never
ComicBB-COMIC-01 to BB-COMIC-1515 rules: 14 must, 1 never
ImageryBB-IMAGE-01 to BB-IMAGE-1010 rules: 8 must, 2 never
LayoutBB-LAYOUT-01 to BB-LAYOUT-055 rules: 5 must
MotionBB-MOTION-01 to BB-MOTION-066 rules: 5 must, 1 never
SoundBB-SOUND-01 to BB-SOUND-022 rules: 1 must, 1 never
VolumeBB-VOLUME-01 to BB-VOLUME-044 rules: 4 must
PrintBB-PRINT-01 to BB-PRINT-1212 rules: 9 must, 3 never
DocumentsBB-DOC-01 to BB-DOC-066 rules: 6 must
Email signatureBB-EMAIL-01 to BB-EMAIL-044 rules: 3 must, 1 never
SocialBB-SOCIAL-01 to BB-SOCIAL-044 rules: 4 must
SlidesBB-SLIDES-01 to BB-SLIDES-044 rules: 4 must