1 minute read

Type: Hierarchy

Next Article
Logo: Restrictions

Logo: Restrictions

TYPE HEIARCHY

Good typography is created through good visual hierarchy.

Advertisement

For Header 1 choose either Roboto Black in All Caps or Roboto Thin in All Caps and then use the other style for your H2. H3 should always be Roboto Black in All Caps.

When Roboto Black is used, tracking should be set to -20.

Always use the Optical preset for kerning

Sizing should be visually consistent to this example—50:20:10.

LARGE TITLES ROBOTO ALL CAPS ROBOTO ALL CAPS

Header 1 is ideally one and a half times larger (at least) then the font size of Header 2.

MID TITLES ROBOTO ALL CAPS ROBOTO ALL CAPS

Header 2 is ideally double (at least) the font size of Header 3. (20 point font size is our standard)

SMALL TITLES ROBOTO BLACK ALL CAPS

Header 3 is ideally set to the same font size as Paragraph 1.

BODY COPY Roboto Regular

Leading is set at 16 points for 10 point font size (our standard body copy size). Line indents aren’t used, instead space before paragraph is set to optically differentiate paragraphs—.1875 inches for 10 point font.

This article is from: