← Quotable case studyDownload PDF
uotable

Brand
guidelines.

Version 2.0 · November 2026 · Quotable Ltd · Designed by Harrison Greener

Contents

What's inside.

01The brand
06Logo on backgrounds
02The rebrand
07Colour
03The tape-measure Q
08Colour pairs
04Logo system
09Typography
05Clear space and sizes
10Voice
Contents2 / 12

01 The brand

Type the job.
Get a priced quote.

Quotable gives tradespeople their evenings back. Describe a job in your own words and it lists the materials, prices them live at UK merchants and works out the labour, ready to send before you're back in the van.

On the toolsBuilt for people with dusty hands and a phone, not a desk and a spreadsheet.
StraightReal prices, linked. Anything we couldn't price is marked, never guessed.
QuickA quote in about a minute. Everything else gets out of the way.
Trade-madeThe look and the words come from the job: dockets, vans, plasterboard.
The brand3 / 12

02 The rebrand

From software
to the trade.

The first brand looked like any SaaS product. Version 2 is built from the trade itself: van lettering, docket totals and a Q that works like a tape measure.

The old Quotable logo

BeforeMontserrat, an orange Q on a navy word.

→
uotable

AfterThe tape-measure Q replaces the letter, in wide Archivo.

The rebrand4 / 12

03 The tape-measure Q

A Q that measures up.

  1. The case. A heavy navy ring, like the body of a tape measure.
  2. The tape. The tail is the tape pulled out in docket orange, the only colour that means money or action.
  3. The cut. A gap is masked out around the tail, not painted, so the mark sits cleanly on paper, cards, the navy sidebar or a photo.
The tape-measure Q5 / 12

04 Logo system

One mark, three uses.

uotable

LockupThe main logo. The mark is the Q: set to cap height, with its tail dropping below the baseline like a real Q.

Q markApp icon, favicon, avatars and the sidebar.

InverseWhite ring on navy. The tail stays orange.

Logo system6 / 12

05 Clear space and sizes

Room to breathe.

Keep clear space of at least x on every side, where x is the thickness of the Q's ring.

uotable
uotable

Lockup minimum100 px on screen · 25 mm in print

Q mark minimum16 px on screen · 5 mm in print

Clear space and sizes7 / 12

06 Logo on backgrounds

The right logo for every surface.

uotable✓

Plasterboard paper

uotable✓

Clean sheet

uotable✓

Ink navy

uotable✕

Never on orangeOrange is for money and actions only.

Logo on backgrounds8 / 12

07 Colour

Named after the job.

Ink navy#0B2741
RGB 11 39 65
Logo, headings, sidebar
Docket orange#C5571B
RGB 197 87 27
Totals and the main action
Plasterboard#F2F2EF
RGB 242 242 239
Page background
Clean sheet#FFFFFF
RGB 255 255 255
Cards and quotes
Graphite#5C6570
RGB 92 101 112
Secondary text
Rule#D4D6D1
RGB 212 214 209
Lines and borders
Colour9 / 12

08 Colour pairs

Readable, on site.

Body text meets WCAG AA at 4.5:1. Orange on paper is for large figures only, like the total on a quote.

AaInk on plasterboard · 14.6:1 · AAA
AaWhite on navy · 15.2:1 · AAA
AaWhite on orange · 4.5:1 · AA
£471Orange on plasterboard · 3.9:1 · large figures only
Plasterboard 55%
Sheet 20%
Navy 20%
Colour pairs10 / 12

09 Typography

Signwritten, like a van.

Aa

Archivo · Google Fonts, free
Headings are set wide (118%) and heavy (800), like the lettering on a tradesman's van. Body text stays regular. Money and quantities use tabular figures, so prices line up in columns.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz £0123456789

Display · 800 · wideType the job.
Heading · 800 · wideOne job, start to finish
Body · 400Materials priced live at UK merchants, your labour worked out.
Figures · tabular£471.48
Typography11 / 12

10 Voice

Talk like the trade.

Short, plain and practical. Say what it does, in words you'd use on site.

Thistle Multi-Finish 25 kg£33.75
Labour, 1.5 days£330.00
VAT 20%£78.58
Total£471.48
Say this
Not this
“Price the job before you're back in the van.”
“Streamline your quoting workflow.”
“Anything we couldn't price is marked for you to check.”
“AI-powered intelligent estimation.”
“Your first month is free.”
“Unlock premium features today!”
Voice12 / 12