Skip to main content
Brand Design Kit

Business RelauncherDesign Kit

The complete visual identity — logos, colours, typography, spacing and components — for consistent communication across every platform. Copy any value directly from this page.

02

Colour System

A restrained, premium palette built on navy, electric blue and signal orange. Use semantic tokens in code — never raw hex values in components.

Electric Blue
primary

Primary actions, links, focus rings

HEX#3C84F6
RGB60, 132, 246
HSL217 91% 60%
CSS--primary
Deep Navy
secondary

Headings, navigation, footer, dark sections

HEX#0F1729
RGB15, 23, 41
HSL222 47% 11%
CSS--secondary
Signal Orange
accent

High-emphasis CTAs, highlights

HEX#FF7700
RGB255, 119, 0
HSL28 100% 50%
CSS--accent
Growth Green
success

Positive states, availability indicators

HEX#21C45D
RGB33, 196, 93
HSL142 71% 45%
CSS--success
Slate
muted-foreground

Secondary text, captions

HEX#5C6B7F
RGB92, 107, 127
HSL215 16% 43%
CSS--muted-foreground
Mist
border

Borders, dividers, subtle surfaces

HEX#E5E8EB
RGB229, 232, 235
HSL220 13% 91%
CSS--border
Paper White
background

Page background, cards

HEX#FFFFFF
RGB255, 255, 255
HSL0 0% 100%
CSS--background
Ink
foreground

Body text

HEX#0F1729
RGB15, 23, 41
HSL222 47% 11%
CSS--foreground

Colour Usage Ratio

Navy 55% White 25% Blue 12% Orange 8%

03

Typography

A clean, modern sans-serif system. Headings are bold and tightly tracked; body text is highly legible with generous line height.

Font Family

System Sans

Inter / system-ui fallback

Weights

400 · 500 · 600 · 700

Regular → Bold

Base Size

16px / 1.6

1rem, line-height 1.6

Display

More customers. More revenue.

H1

One growth system. Every service.

H2

Find where revenue is leaking.

H3

Built for established businesses.

Body

We connect the systems that attract customers, convert opportunities and run the business.

Small

Strategy sessions are reserved for established businesses generating £500K+ annually.

04

Spacing & Layout

An 8px-based spacing scale keeps rhythm consistent. Generous spacing signals premium — when in doubt, add space.

Spacing Scale

space-2
8px
space-3
12px
space-4
16px
space-6
24px
space-8
32px
space-12
48px
space-16
64px
space-20
80px

Border Radius

sm

2px

md

6px

lg

8px

xl

12px

2xl

16px

Shadows

premium

premium-lg

glow

05

Components

Core UI building blocks. Every component uses semantic design tokens — never raw colour classes.

Buttons

Badges & Pills

Since 2011£500K–£20M+Accepting clients14+ Industries

Card

Growth Operating System

One connected system across attraction, conversion and operations.

Learn more

06

Usage Guidelines

Keep the brand consistent. Follow these rules across web, print, social and any partner materials.

Do

  • Use the Deep Navy for headings, navigation and the footer.
  • Reserve Signal Orange for the single most important action on a page.
  • Keep generous whitespace — premium feel comes from restraint, not density.
  • Pair the full logo with the 'Since 2011' badge on official materials.
  • Use British English and the approved CTA language in all copy.

Don't

  • Don't recolour the logo or place it on low-contrast backgrounds.
  • Don't use Signal Orange and Electric Blue as competing CTAs side by side.
  • Don't stretch, rotate or add effects to the logo.
  • Don't use gradients on body text or headings.
  • Don't introduce new colours outside this palette without approval.

Build with the Business Relauncher system

Every asset on this page is ready to use across web, print and social. Keep it consistent.