Brand Guidelines
Designed by:
Emily Carbonell-Ferguson
Last updated:
[DATE]
JUMP TO:
Logo Files
Color
Typography
Button Styles
Graphics
Photography
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
Swaddle
Used as light background and accent color including buttons in the primary palette.
Primary Palette
Parchment
Used as lighted background color across all variations of palette.
#FEFAEF
Masculine Palette
#FFDEDF
#945851
Terra
Used in the primary palette.
#33382A
Sage
Used in the primary palette, can work well with masculine palette.
#152337
Well
Used as darkest background color in the masculine palette.
#324A6C
Wave
Used in the masculine palette.
#EBF7D9
Mint
Used as light background and accent color in the masculine palette and is the main button color in this palette.
#091200
Depth
Used in the primary palette, can work well with masculine palette.
Typography
H1
ivy ora
H2
Ivy Ora
H3
Ivy Ora
H4
Gotham Black
Ivy Ora — 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
Ivy Ora — 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
Gotham Black — 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
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.