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.
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 bar | 4px fixed bar at the extreme top edge, gradient #A60000 to #510000. Zero layout shift. |
|---|---|
| Clear space | Keep at least the height of the M notch free on all sides of the logo. |
| Minimum sizes | 32px icon, 120px wide horizontal logo. |
| Slashes | Diagonal red and white slashes are the brand shape. Use them in heroes and section dividers. |
| Photography | Real job photos carry the proof. Generated accent images are backgrounds only and are never shown as client work. |
| Client logos | Shown in a uniform 56px height box, greyscale by default, full colour on hover. Never redrawn. |
| Voice | Plain, direct, trade-confident. No filler phrases, no em dashes. |