Brand Guidelines

Designed by: carbferg creative
Last updated: December 2024

Jump to:

Logo Files



Wordmark - Black

Use with light backgrounds when full color is not an options.

PNG | JPG | SVG

Wordmark - White

Use with dark or saturated backgrounds.

PNG | JPG | SVG

Wordmark - [Color]

[ Use with dark or saturated backgrounds.]

PNG | JPG | SVG

Wordmark - [Color]

[ Use with dark or saturated backgrounds.]

PNG | JPG | SVG

Icon - Black and White

Use for thumbnails, favicons, etc. when full color is not an option.

PNG | JPG | SVG

Icon - Full Color

Use for thumbnails, favicons, and other narrow aspect ratios.

PNG | JPG | SVG

Color



Cosmo
#0A1E32

Cinder
#EEEBE4

Powder
#FFFFFF

Trench
#005A64

Aqua
#96FaF0

Typography



H1 - Sentence Case, Regular

Space Grotesk

H2 - Sentence Case, Regular

Space Grotesk

H3 - Sentence Case, Regular

Space Grotesk

H4 - Uppercase, Black

Charter

Charter — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Paragraph 1 - Bold

Charter — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Paragraph 2 - Bold

Charter — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Paragraph 3 - Bold

Monospace

Space Grotesk

Buttons



Primary Button

Secondary Button

Tertiary Button

Link Style

Buttons



Primary Button

Secondary Button

Tertiary Button

Link Style

Graphics



Tips:

  1. Settle on story, first. What is the most important message? And how can your graphics draw the eye to add emphasis to your main points.

  2. Remember the golden ratio, and keep a visual balance.

  3. You don’t need to use every color in your palette at once. In most cases 2-3 colors works nicely.

  4. Be conscientious about white space—do graphics have sufficient space around them to really let them sing?

  5. Be careful about scale. Smaller graphics can add ambience at best, and feel overwhelming at worst. Large graphics can create bold visual interest at best, and make the viewer feel cramped at worst.

  6. In general, graphics will feel best proportionally large when layered over imagery. It should feel almost like a texture.

  7. Follow color palette guidelines and use dark text on light backgrounds, and light text on dark backgrounds to ensure readability.

Photography