Brand guidelines · v1 · Oct 2026

Hand it off.

Behalf looks like a desk: warm paper, ink, and one pen-blue accent for the marks a person makes, such as a tick, a signature or a yes. Quiet and editorial. Everything here applies to the site, the dashboard, emails and WhatsApp.

only one accent colour, and it’s a pen

01The mark

A lowercase b, signed in one pen stroke, that runs on into the signature line. It signs things on your behalf. Use pen on paper, or paper on pen. Use the 16 px-tuned favicon.svg below 24 px.

behalf-mark

behalf-mark-blue

Pen blue on paper, paper on pen blue, or one colour in ink.
Clear space is a quarter of the tile on every side.
Let the OS or WhatsApp mask the full-bleed square.

No redrawing, rotating, outlines, shadows or gradients.
No other colours, and no green.

Clear space

In context

Behalf — Hand it off.

Behalfonline

02Wordmark

"Behalf" in Instrument Serif Regular at -0.01em. Never bold, italic or all caps. Where the font can't be guaranteed, such as email or PDF, use the lockup files, which are drawn as shapes.

03Colour

Paper and ink, plus pen blue as the only accent. No green, no black, no cool greys. Done is a pen-blue tick. Status always has words; colour only supports them. Light only.

Paper#f3eee5Page background

Slip#fffdf8Cards, panels, fields

Ink#1d1b18Headings, primary button · 14.9:1

Pen blue#2a3f8fLinks, confirm, focus, done · 8.2:1

Ink 2#4b463eBody and small text · 8.1:1

Muted#8a8276Labels and large text only · 3.3:1

Rule#e6dfd2Hairlines, borders

Under#f7f1e6Alternate rows, wells

Live

Live#b4532aIn progress, on a call

Warn

Warn#8a5a10Needs attention · 5.1:1

Error

Error#a3321fFailed, blocked · 6.0:1

Notes

Sticky tintsillustration onlyNever UI state

04Type

A serif for the voice, a sans for the work, a mono for small facts. Handwriting appears once a view at most.

Instrument Serif
HeadlinesDentist moved to Thursday.

Inter
UI and bodyCalling your internet provider. Asking for under $60. It won’t agree to anything without you.

IBM Plex Mono
Labels, timesToday · 2:31 PM · Waiting on you

Caveat
Margin notesthe only part that needs you

Mrs Saint Delafield
Signaturep.p.Maya Chen

05Components

The primary action is an ink pill. Pen blue is for the moment someone approves something. Cards are slips of paper on the desk.

Buttons

Hand it offAcceptNot now

Field, focused

Cancel the gym

Navigation

TodayErrandsMemorySettings

Status, in words

Dentist movedCalled Bayview DentalDone
Internet providerOn the callLive
Gym cancellationNeeds your yesWaiting
Parking appealPortal was downFailed

06Voice

Short, plain and warm. Say what was done and what needs the person. Approvals name the exact thing.

Say

“Offer: $58 a month for 12 months. Accept?”

Not

“Great news! I found an amazing deal. Looks good?”

07Files

Values are in tokens.css and the rules in README.md. Copy them; don't invent new ones.