Brand Identity Kit

This webpage describes the basic guidelines we can follow to ensure consistency for the Charter Construction brand in the real world—both online and offline. All of the necessary files for digital and print applications are labeled and linked for download right from this webpage.

Last Update: April 2018

 
 

Table of Contents

Click one of the links here to jump to that section below:

  1. The Logo
  2. The Color Scheme
  3. Typography
  4. Social Media
 

A Note on Usage

This site is designed to work best in Google Chrome. If you're using Safari or Internet Explorer and want to download logos, you'll have to right-click then select "Save image as...", otherwise just click the button!

 

1.1 Logo Arrangements

The logo allows for multiple arrangements. Note the proper arrangement and proportions of each configuration—kindly allow for breathing room and refrain from deviation.

 

Full Logo

Both of the main logo parts used together (the wordmark and descriptor). Use the full logo when the context requires all of the information. Good use cases include: website, business cards, email newsletters, flyers, and pamphlets.

 

Wordmark (bound)

Simply remove the descriptor when the context already provides that information. Good use cases include: letterhead and stationery.

 

Wordmark (naked)

The logomark is unique, recognizable, and strong. In certain contexts, it can be displayed alone (i.e. without the Business name or bounding box). Good use cases include places where that information will be obvious by context: on a hard hat, on the side of machinery, on banners at a work site.

1.2 Logo Color Inversions

 

In certain contexts, the logo may be used with inverted colors or in black and white. For example, the back of your business card has the full logo displayed with the inverted color palette (white logo on a black background). Another use could be the Wordmark with inverted colors as a social media profile picture. Perhaps you’re sponsoring an event and they are printing materials with sponsor logos in black and white—now you’re equipped to handle that situation too.

 

Note: sufficient breathing room (called padding) between the Wordmark and the border is necessary for the square logo arrangement.

1.3 Logo Best Practices

Abide by these simple guidelines to ensure your logo represents your brand effectively across all client-facing materials.

  1. Maintain the official color palette & arrangements
  2. Maintain the logo proportions—don’t distort the image by stretching or squishing the aspect ratio.
  3. Maintain a proper exclusion zone—the logo is a strong visual mark, give it room to breathe.
  4. Make sure the logo is placed on a background with enough contrast. The standard logo might be hard to see on an orange, yellow, or red background—in those contexts, use the white (inverted) color variant.
  5. Make sure to use the original logo with the proper typography instead of recreating it.
  6. Typically, one instance of your logo will suffice for most advertisements and client-facing materials.
charter_full-logo-blue.png

2.0 Color Scheme

Along with the arrangement of the logo, the consistent color choices will help increase recognizability of your brand. A dark blue Denim functions as the primary color of the brand, with a lighter shade of Blue serving as a secondary color or accent color. In order to establish a minimalist design language that respects the heritage of your company, we use a palette of greys and white to serve as background colors, depending on the context.

A note on color usage: We emphasize "using less color to make it more colorful," a design principle which implements a primary color economically.

Official color codes are listed with each color.

Denim

HEX#1a2d7c
RGB26, 45, 124
CMYK100, 95, 21, 8

Dodger Blue

HEX#2e53cc
RGB46, 83, 204
CMYK84, 71, 0, 0

Almost Black

HEX#333333
RGB51, 51, 51
CMYK69, 63, 62, 58

Light Grey

HEX#efefef
RGB239, 239, 239
CMYK5, 3, 3, 0

3.0 Typography

Franklin Gothic

The primary typeface is Franklin Gothic.

Franklin Gothic, created by prolific American typographer Morris Fuller Benton in 1902, became popular in early 20th century newspaper and advertisements. The term Gothic, dated to that period, simply means sans-serif—or without flairs on the ends of the letterforms. While losing popularity in the mid-century due to the rise of European font families, it has since regained prominence. With the digital era, it has been reformed and included on standard issue Microsoft Word and other publishing platforms.

 

Futura

The secondary Typeface is Futura.

Popularized in the films of Stanley Kubrick and Wes Anderson, used ubiquitously by international brands like Ikea and Volkswagen, and even adorning a commemorative plaque left on the moon in 1969, Futura is a classic humanist sans-serif that looks it’s best in chunky, bold headers. It can also be used in body copy in the regular font weight. The round, geometric letterforms have even proportions and are built on the simple shapes: circles, triangles, and squares.

While the Charter Construction Logo is derived from this font, we use it minimally so as not to dilute its potency.

4.0 Social Media

We believe simplicity on social media profiles works best.

For profile images:

Most channels (facebook, twitter, instagram) use square or circular profile images—for those sites the charter_square.png or charter_square-inverse.png work perfectly. Trying to cram your entire logo into those small avatars usually results in an unreadable blur.

 

For banner or header images:

Some channels (i.e. facebook and twitter) offer banner images above your profile. These have distinct dimensions that we can utilize for unique announcements to parents and the community, for example: announcing summer break, reminders for registration deadlines, and advertising special events.