Design system
Every colour, text style and component in Ferrow, on one page. Change them in Assets and this page updates with the rest of the site.
Colour
11 colour styles
Slate
rgb(16, 22, 24)
Slate 2
rgb(26, 35, 38)
Paper
rgb(255, 255, 255)
White
rgb(255, 255, 255)
Mute
rgb(88, 96, 99)
Fog
rgba(255, 255, 255, 0.68)
Line
rgb(211, 216, 211)
Line Dark
rgba(255, 255, 255, 0.14)
Amber
rgb(240, 166, 64)
Live Green
rgb(47, 174, 99)
Mist
#F3F4F2, cards and forms on white
Type
Display
124px / 88px / 48px
Title
72px / 56px / 40px
What changed
Heading L
52px / 40px / 30px
How an engagement runs
Statement
52px / 40px / 28px
We spend the first three weeks on your floor.
Quote
32px / 28px / 23px
They spent a week in the bakehouse first.
Heading M
26px / 23px / 21px
Diagnostic
Stat XL
128px / 96px / 64px
Stat
44px / 38px / 30px
Body L
20px / 19px / 17px
Every engagement starts with a three‑week diagnostic.
Body
16px / 16px / 15px
Most of our clients are second or third generation.
Label
15px / 15px / 14px
Caption
13px / 13px / 12px
Fees exclude VAT
Components
How long does a diagnostic take?
Three weeks. We spend most of it inside the business and finish with a written answer and a plan.
Space
Side padding
40px desktop, 32px tablet, 20px phone
Section gaps
128px between unrelated sections, 96px between related ones, 16 to 24px inside a group
Columns
Two-column rows split at the midpoint with a 20px gap
Radius
20px on cards and images, 14px on phone, 999px on pills
Rhythm
Light and slate sections alternate; photographs break the page every few sections
Amber
Only for results, highlights and button hovers. Never for body text on white.

Start with a half‑hour call.
Tell us what’s changed in the business. If we’re not the right firm for it, we’ll say so and suggest one that is. We can take two new clients from January.
We reply within one working day.
Use for free
