AllSquared · Design Guide · v1.0
View landing page →
A — Foundation document

A visual system built for serious money, moved by serious people.

AllSquared moves five-, six-, and seven-figure deals between UK tradesmen, contractors, agencies and the people commissioning their work. The design system that surrounds it has one job: to look, feel, and read like infrastructure that can be trusted with that money. Not a startup. Not a fintech. Closer to a chartered surveyor's letterhead than to a SaaS landing page.

01 — Principles

Five rules that keep the work credible.

Every design decision should be testable against these. If a layout, copy choice, or interaction can't justify itself here, it doesn't ship.

01

Look like infrastructure, not a brand.

The reader is about to put £40,000 through this product. They want regulator energy, not personality. Restraint is the point.

Calm typography, generous white Real document structure, real numbers No emoji decoration in chrome No handwritten or novelty fonts
02

Plain English, said once.

A sparky earning £80k a year doesn't read marketing copy. He reads the bit that tells him when he gets paid. Say that, then stop.

Short, declarative sentences Concrete numbers and timeframes No "unlock", "supercharge", "magic" No exclamation points, ever
03

Earn the green.

A single confident green carries action and verification. It only appears against work that is genuinely done. It is not a decoration.

Green = primary CTA, verified, paid Green dot = live, regulated, on No green gradients or glow Don't use it for body text
04

Show the paperwork.

Every key idea has a document version: a contract line, a milestone row, a signed party block. The product is paperwork that finally works — show it.

Letterhead-style cards with hairline rules Reference numbers, dates, party blocks No abstract illustration of "trust"
05

Numbers are the proof.

Stats, deal sizes, fees, dates — these are the trust-building elements. Render them with monospace clarity and never round them off into vibes.

Monospace for refs, fees, IDs Pound sign always shown Source the stat or don't use it
06

Built in Britain, plainly.

UK English. UK law. UK regulators. Tone is reserved, slightly dry, never American. Never apologetic. The work speaks first.

"Authorised", "Solicitor", "Programme" FCA, SRA, FSB cited where they apply No "awesome", no "hey,"
02 — Identity

The mark — a squared stamp, not a logo.

A small framed monogram with an italic superscript ². Reads like a stamp on a document, which is the point. Always paired with the wordmark in editorial contexts.

AllSquared
Primary · on paper
AllSquared
On accent
03 — Typography

Two families. One workhorse, one with posture.

Inter Tight is the workhorse — clean, dense, regulator-readable, sets paragraphs and labels at any size. Source Serif 4 carries the editorial moments — display headlines, contract-style titles, and italics that read like a barrister's footnote, not a marketing flourish.

DisplaySource Serif 4 · 400
72/76 · −2%
Weeks of work. Months of chasing.
H1 — EditorialSource Serif 4 · 400
52/56 · −1.5%
A handshake is a lovely thing. It is also, increasingly, a bad way to get paid.
H2 — SectionInter Tight · 600
36/40 · −1%
A four-move method, where everyone wins.
H3 — CardInter Tight · 600
22/26 · −1%
A contract, drafted in minutes.
Body — LongInter Tight · 400
17/27
The client transfers the project total into FCA-authorised escrow. The money is ring-fenced — neither party can touch it until agreed work is signed off.
Body — SmallInter Tight · 400
14/22
For agencies, firms, and studios running multiple deals a year. No flat fees, reduced percentage, team features.
Mono / labelJetBrains Mono · 500
11/14 · +10% tracking
FCA-Authorised Escrow · Ref AS-2026-0418
Italic — accentSource Serif 4 · 400 italic
Used for editorial emphasis only
Five tools doing half the job. Or one doing all of it.
04 — Colour

Navy, paper, one green. That's the palette.

Trust comes from restraint. A deep navy ink, a warm off-white paper, and one chartered-surveyor green for action and verified state. Gold and red are reserved for marks (seals, indices) and dispute states respectively — never for chrome.

Navy 900
#0B1B33
Primary ink
Navy 800
#13294B
Hover / dark surface
Navy 600
#2D466F
Italic accent
Navy 400
#6B7E9E
Secondary text
Navy 200
#C7D0E0
Hairline rule
Navy 100
#E8ECF3
Subtle fill
Paper
#FAFAF7
Page background
Paper 2
#F2F1EB
Card alt
Green 700
#1F6B3F
CTA · Verified
Green 100
#E5F1EA
Verified fill
Gold 700
#8A6A1E
Mark / index
Red 600
#A8392B
Dispute · strike
AuthorityNavy 900 on PaperAAA · ratio 14.7:1
Body copyNavy 900 on PaperAAA · 14.7:1
Primary CTAPaper on Green 700AA · 6.4:1
05 — Components

The pieces that show up everywhere.

Buttons, badges, fields, the letterhead card, the milestone row, the trust strip. Every screen of AllSquared is built from this small set.

Badges & states
FCA-authorised escrow ✓ Verified · 14 Apr ⏱ Awaiting client ⚠ Disputed
Trust strip
FCA-authorised escrow
SRA-regulated solicitors
UK client-money rules
Built in London
Form field
Held in escrow until milestone sign-off.
Letterhead card
Service Agreement № AS-2026-0418

Commercial fit-out — Unit 4, Hackney Road

Governed by the laws of England & Wales · 14 March 2026
i.
Strip-out & site protectionVerified · 08 April
£11,200
ii.
First fix — M&E, data, HVACVerified · 12 April
£18,600
iii.
Partitions, services, glazingProof submitted · 18:42
£22,400
Spacing scale (4-pt grid)
s-14px
s-28px
s-312px
s-416px
s-624px
s-832px
s-1248px
s-1664px
s-2496px
Radii
None0px · tables, rules
Sm6px · inputs, badges
Md10px · swatches, tiles
Lg14px · cards, surfaces
Pillfull · badges only
— Don't write
Supercharge your invoicing workflow with AI-powered escrow magic!
+ Write
Funds held in an FCA-authorised account. Released on milestone proof, usually the same day.
— Don't write
We're a contract platform that helps awesome creators get paid faster than ever before!
+ Write
A contract, an escrow, a verified release. One platform, for jobs from £5,000 upward.