Brand Assets
Logos & Letterheads
Official logo files and personalised letterhead templates. Always use the white background version.
Logo Files
Letterhead Templates
Dean Ainslie
Lorraine Harris
Brand Identity
Colour Palette
Official hex codes. Click any swatch to copy.
Primary Brand Colours
Dark Blue
#0F2B3D
Header banner, primary anchor
Blue
#196583
Interactive elements, section circles
Gold
#9F864F
Stripe, dividers, accents
Gold Light
#f5edd8
Alternating row backgrounds
Gold Dark
#7a6438
Sub-headings, badge text
Secondary Accents
Green
#1a6b5a
Reserved โ success states
Purple
#4a1a7c
Group engagement ONLY
Red
#c0392b
Reserved โ error states
Greys & UI Neutrals
Grey 100
#f7f8fa
Field card backgrounds
Grey 200
#eef0f3
Section dividers
Grey 600
#6b7685
Labels, captions
Grey 800
#2d3748
Body text
Border
#dde3ea
Card & table borders
For Developers
CSS Variables
Drop this block into any new stylesheet.
:root {
--dark-blue: #0F2B3D;
--blue: #196583;
--gold: #9F864F;
--gold-light:#f5edd8;
--gold-dark: #7a6438;
--green: #1a6b5a;
--purple: #4a1a7c;
--red: #c0392b;
--grey-100: #f7f8fa;
--grey-200: #eef0f3;
--grey-600: #6b7685;
--grey-800: #2d3748;
--border: #dde3ea;
}
Motion Assets
Animated Logos
For email signatures, digital banners, and web use.
Brand Identity
Typography
Add this link to all new HTML documents.
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display &family=DM+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet">
Crown Payroll Services
Section Heading ยท Engagement Pack
Display / Headings
DM Serif Display
Document titles & section headers. Authoritative serif.
Body Text ยท DM Sans 500
Secondary text, labels, captions โ weight 400
UPPERCASE LABEL ยท WEIGHT 700
Body / UI
DM Sans
All body, form fields, UI. Weights 300โ700.
Accreditations & Partners
Other Brand Assets
Logos, badges and accreditation marks used across Crown Payroll Services communications. Download the right version for your use case.
Gender Pay Gap โ Transparency Badge
Crown Payroll Services voluntarily reports gender pay gap data
Gender Pay Gap Badge
Xero โ Accounting Software Partner
Xero Tax Specialist ยท Silver Champion Partner
Good Business Charter (GBC) โ Accredited
GBC accreditation demonstrates commitment to good business practices
1% for the Planet โ Certified Business
Crown Payroll Services commits 1% of revenue to environmental causes
1% for the Planet โ Blue
CIPP โ Full Member
Chartered Institute of Payroll Professionals ยท Full Member badge (used in email signature)
๐ก Note: The CIPP Full Member badge appears in Dean's email signature. Download from the CIPP website to get the official licensed file, or screenshot from the email signature above.
Living Wage Employer
Crown Payroll Services is a certified Living Wage Employer
Living Wage Employer
Cyber Essentials
NCSC-backed cyber security certification
Cyber Essentials โ Certified
๐ก Suggested Additional Assets to Add
CIPP Full Member badge โ download officially from cipp.org.uk for use on website & proposals
Usage Rules
Brand Guidelines
From the ClickUp Brand Colours & Typography document.
โ Do
- Lead with Dark Blue and Gold as the two visual anchors
- Use Blue (#196583) for buttons and interactive elements
- Use DM Serif Display for all document titles
- Use DM Sans for all body, label and UI text
- Use Grey 800 (#2d3748) for body text
- Always download assets from this page
- Leave generous white space
- Use the correct registered address: Top Floor, 108 Bradshawgate, Leigh WN7 4NP
โ Don't
- Use Purple for anything other than Group engagement
- Introduce new colours without checking the palette
- Approximate hex values โ copy from this page
- Stretch, rotate or recolour the logo
- Place the logo on busy or clashing backgrounds
- Use the logo smaller than 80px wide on screen
- Use the old arc-style CrownPayroll logo
- Use the old address (Rainbow Drive, Atherton or Brown Street North)