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
Typography
H1 - Sentence Case, Bold, 170px, -5 Letter Spacing
Crimson Text
H2 - Sentence Case, Bold, 120px, -5 Letter Spacing
Crimson Text
H3 - Sentence Case, Bold, 90px
Crimson Text
H4 - Sentence Case, Regular, 40px
Archivo Narrow
Archivo Narrow — 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 - Regular, 30px
Archivo Narrow — 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 - Regular, 20px
Archivo Narrow — 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 - Regular, 15px
Monospace
Archivo NarrowGraphics
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.