Brand Guidelines

Branding

Our brand identity represents precision, integrity, and professional construction excellence. These guidelines ensure consistent visual communication.

Logo

Our Logo

Brick & Mortar Primary LogoPrimary Logo - Light Background
Brick & Mortar Primary Logo - DarkPrimary Logo - Dark Background
Brick & Mortar Logo MarkLogo Mark
Brick & Mortar Logo Mark - DarkLogo Mark - Dark
Colors

Color Palette

Primary Orange

#FD802E

Main brand color for CTAs, highlights, and accents

Graphite

#403D39

Primary dark color for text and backgrounds

White

#FFFFFF

Light backgrounds and contrast text

Light Gray

#F2F2F2

Subtle backgrounds and borders

Muted Gray

#737373

Secondary text and subtle elements

Typography

Typography System

We use the Geist font family for all text. This modern, clean typeface ensures readability and professional appearance across all materials.

H1 - Page Titles

48px / 3remBold (700)

Building with Precision

H2 - Section Headers

36px / 2.25remBold (700)

What We Deliver

H3 - Card Titles

24px / 1.5remSemibold (600)

General Building

Body - Paragraphs

16px / 1remRegular (400)

We deliver quality construction services.

Small - Labels

14px / 0.875remMedium (500)

Cape Town, South Africa

Elements

Design Elements

Buttons

Section Labels

Section Label

Icon Boxes

Brand Usage Guidelines

Do

  • Use the primary yellow sparingly for emphasis
  • Maintain strong contrast between text and backgrounds
  • Keep layouts clean with adequate whitespace
  • Use the logo with appropriate clear space
  • Apply consistent spacing and alignment

Don't

  • Stretch or distort the logo
  • Use yellow as a background color for large areas
  • Combine too many font weights in one section
  • Place the logo on busy or low-contrast backgrounds
  • Use colors not in the approved palette