Brand Guidelines.

Welcome to The Brook Church's Brand Guidelines. This is a detailed guide for the usage and details of your brand, including: the logos, logo variants, color usage & codes, visual & icon style, and typography. This is intended to be used as a reference to ensure that branding consistency is maintained across all platforms as your business grows and expands its marketing efforts.

Logos

One of our most recognizable elements of brand identity. Consistently applied placements, clear space, and color treatments ensure our logo remains iconic in any context. Download them, use them where you use logos. You know the rules, no putting it upside down, stretching it, or doing anything else funky.

Primary

Horizontal - Primary

Horizontal - White Text

Horizontal - Black

Horizontal - White

Secondary

Stack - Primary

Logo name here

Mascot (if applicable)

Lorem ipsum diam quis enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis.

Logo name here

Misuse

It is important that the appearance of the logo remains consistent. It should not be reinterpreted, modified or embellished. No attempt should be made to alter the logo in any way. Below are some mistakes to avoid.

Skewed

Stretched vertically

Stretched horizontally

Tilted

Drop shadow

Vertical orientation

Scalability

The logos were designed and tested to work at various sizes. The minimum logo size for adequate legibility is 16px height. Never go smaller than this. Establishing a minimum size helps ensure that the logo’s legibility is never compromised.

Smallest

Largest

Clearspace

When applying our logo, it is important that it is given enough space from the margins and other elements on the page.

Describe the clearspace logic here

Clarity

When creating a composition, it is important to have enough contrast between background and logo to maximize legibility. Below are some do’s and don’ts for logo clarity.

Similar colors

Dark on dark

Light on light

Colors

Our main palette uses the following colors to help bring a unique identity to your brand, and is used in logical ways throughout to guide users and create the emotional connection we're after.

Primary

Black

HEX:
#000000
RGB:
(R, G, B)
CMYK:
C, M , Y , K
Pantone:
7416c

Light Grey

HEX:
#000000
RGB:
(R, G, B)
CMYK:
C, M , Y , K
Pantone:
7416c

White

HEX:
#000000
RGB:
(R, G, B)
CMYK:
C, M , Y , K
Pantone:
7416c

Shades

Black

HEX:
#000000
RGB:
(R, G, B)
CMYK:
C, M , Y , K
Pantone:
7416c

Light Grey

HEX:
#000000
RGB:
(R, G, B)
CMYK:
C, M , Y , K
Pantone:
7416c

White

HEX:
#000000
RGB:
(R, G, B)
CMYK:
C, M , Y , K
Pantone:
7416c

Neutrals

Black

HEX:
#000000
RGB:
(R, G, B)
CMYK:
C, M , Y , K
Pantone:
7416c

Light Grey

HEX:
#000000
RGB:
(R, G, B)
CMYK:
C, M , Y , K
Pantone:
7416c

White

HEX:
#000000
RGB:
(R, G, B)
CMYK:
C, M , Y , K
Pantone:
7416c

Typography

Straight-forward with a polished simplicity, our typography gives all the key information but never talks over the main content.

We follow general typography sizing and proportion guidelines, seen below. These sizes are intended for keeping proportional hierarchy, alignment, and visual structure in the typography system. It is recommended not to use type that does not adhere to one of these preset styles unless a specific use case should arise for a unique style.

Primary

The primary font of our brand is ________. We will use this for our headings and larger text styles.

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6
Font Family:
Font Family here
Font weight:
Bold / 700
Letter spacing:
-2% / -.02em

Secondary

The secondary font of our brand is ________. We will use this for all body copy, utilities, and smaller text styles.

Lorem ipsum diam quis enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis.

Lorem ipsum diam quis enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis.

Lorem ipsum diam quis enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis.

Lorem ipsum diam quis enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis.

Lorem ipsum diam quis enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis.

Font Family:
Font Family here
Font weight:
Regular / 400
Letter spacing:
-2% / -.02em

Visual Style

Iconography

The iconography style for our brand is minimal, clean, and informational. When used, the icons follow a few simple guidelines:

  • Guide point #1
  • Guide point #2
  • Guide point #3

Brand elements

The brand elements for our brand are minimal, clean, and informational. When used, follow a few simple guidelines:

  • Guide point #1
  • Guide point #2
  • Guide point #3

Photography

The photography style for our brand is minimal, clean, and informational. When used, follow a few simple guidelines:

  • Guide point #1
  • Guide point #2
  • Guide point #3

Brand tagline here

Lorem ipsum diam quis enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis.