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
Graphics
Tips:
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.
Remember the golden ratio, and keep a visual balance.
You don’t need to use every color in your palette at once. In most cases 2-3 colors works nicely.
Be conscientious about white space—do graphics have sufficient space around them to really let them sing?
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.
In general, graphics will feel best proportionally large when layered over imagery. It should feel almost like a texture.
Follow color palette guidelines and use dark text on light backgrounds, and light text on dark backgrounds to ensure readability.