BRAND GUIDELINES

Every value on this page is sampled from the supplied Mundesha artwork. Nothing is invented.

LOGO VARIANTS

Use the horizontal logo in the header and footer. The stacked logo suits square placements. Light variants sit on dark backgrounds, dark variants on white. Never redraw, recolour or restretch the logo.

Horizontal logo, dark variant for white backgrounds
Horizontal logo, light variant for dark backgrounds
Stacked logo, dark variant for white backgrounds
Stacked logo, light variant for dark backgrounds

COLOUR TOKENS

#A70202 primary: Logo red
#020202 ink: Wordmark black
#A60000 gradient-start: Gradient start
#510000 gradient-end: Gradient end
#DF0000 accent: Heading accent red
#231F20 text: Body text
#FFFFFF surface: Page background
#D6D5D4 surface-alt: Panel grey, sampled from profile

Contrast rules

  • #A70202 on white passes WCAG AA for body text (about 7.9 to 1).
  • #DF0000 on white passes WCAG AA for body text (about 5.1 to 1).
  • Never use red for small text on charcoal or dark backgrounds. On dark sections use white text and keep red for shapes, rules and large display text.

TYPE SYSTEM

Montserrat ExtraBold: display and headings

Montserrat Light: second word in two-tone headings

Inter Regular: body copy. Inter SemiBold and Bold: labels, buttons and links.

Two-tone heading pattern

First word bold and dark, second word light and red, with a short dark underline rule. Example: OUR SERVICES. The pattern is carried from the printed profile headings.

RULES OF USE

Brand bar4px fixed bar at the extreme top edge, gradient #A60000 to #510000. Zero layout shift.
Clear spaceKeep at least the height of the M notch free on all sides of the logo.
Minimum sizes32px icon, 120px wide horizontal logo.
SlashesDiagonal red and white slashes are the brand shape. Use them in heroes and section dividers.
PhotographyReal job photos carry the proof. Generated accent images are backgrounds only and are never shown as client work.
Client logosShown in a uniform 56px height box, greyscale by default, full colour on hover. Never redrawn.
VoicePlain, direct, trade-confident. No filler phrases, no em dashes.