MortgagesBooked
Log inSign up free

Brand Kit

Everything you need to represent MortgagesBooked consistently. Download logos, reference our colours, and use the right typography.

Logo

Our logo is a wordmark. “Mortgages” in the base colour and “Booked” in our brand green. Always use the provided SVGs — never recreate the logo.

MortgagesBooked Primary — for light backgrounds
MortgagesBooked Reversed — for dark backgrounds
MortgagesBooked Monochrome green
MortgagesBooked Monochrome white
Favicon & App Icon

A house with a percent sign — use for favicons, app icons, and small-format placements.

Icon — green background
Icon — white background
MB Monogram

Compact two-letter mark for tight spaces, social avatars, and watermarks.

MB MB — dark
MB MB — light

Colours

Click any swatch to copy its hex code.

Copied!
Brand Dark
#0d3b2e
Copied!
Primary / CTA
#0f7a54
Copied!
Mint (on dark)
#7be0b0
Copied!
Bright mint
#5fd39b
Copied!
Heading Ink
#0a1f18
Copied!
Muted
#3f4f47
Copied!
Light muted
#6a776f
Copied!
Tint
#eef4f0
Copied!
Alt tint
#eaf1ed
Copied!
Alt tint 2
#f0f5f2
Copied!
Border
#dbe4de
Copied!
Button outline
#c4d2ca
Copied!
White
#ffffff

Typography

We use Manrope from Google Fonts across all touchpoints. Here are the weights we use. Space Grotesk is a limited accent face only — reserve it for the occasional display flourish, never body copy.

400MortgagesBooked
500MortgagesBooked
600MortgagesBooked
700MortgagesBooked
800MortgagesBooked

Usage Guidelines

A few rules to keep things consistent.

Do

Use the provided SVG logos without modification. Maintain clear space around the logo equal to the height of the letter “B”. Place the logo on solid backgrounds with sufficient contrast.

Don’t

Don’t stretch, rotate, or recolour the logo beyond the provided variants. Don’t place the logo on busy images without a solid backing. Don’t alter the spacing between “Mortgages” and “Booked”.

Colours

Use Primary / CTA green (#0f7a54) for main actions and highlights. Use Brand Dark (#0d3b2e) for dark backgrounds, with Mint (#7be0b0) accents on top. Pair with white or Tint (#eef4f0) for contrast.

Typography

Use Manrope for all digital touchpoints. Headlines should be weight 800. Body text should be weight 400 or 500. Always include the system font fallback stack.