TYPOGRAPHY
Typography is an important element of our brand identity. When used correctly, it enhances the message of any communication. Our official font is Roboto, which is freely downloadable from the Google font library available at fonts.google.com.
BASIC FONT USAGE
- Headlines - should be set in Roboto Condensed Bold.
- Subheads - should be set in Roboto Bold.
- Body copy - should be set in Roboto Regular.
- Quotes and callouts - should be set in Roboto Light Italic.
HOLDING SHAPE
DIAGRAM & RULES
To increase the visual impact of our messaging, our headlines are placed within a colored holding shape. This creates a bold and attention getting block of color on a layout or page, and draws the reader’s eye towards the most important message or theme.
The border between text and holding shape edge is the width of the the vertical portions of the type, e.g. the width of a capital “I”. This width is approx. equal to 1/7 of the point size or pixel size of the type. The leading, or distance between the lines of type, is approx. equal to 90% of the point size of the type.
The preferred treatment is for all lines of type to be left justified. If a staggered treatment is used, the lines should always proceed down and to the right.
HOLDING SHAPE TEMPLATES
To make designing layouts and messaging easier, 1-5 line templates are available. To use the templates simply type in the desired message and the holding shapes automatically adjust. The resulting blocks of type can then be scaled as needed.
As with our logos, the red holding shapes represent resistance and blue holding shapes denote support. Be sure to select the correct color combination for the desired background treatment. All of the same color usage rules from the primary logos apply to the holding shape templates.
