Design &
Pattern Library
TYPOGRAPHY
Main Headline
OSWALD HEADLINE <H1>
Oswald is a reworking of the classic style historically represented by the ‘Alternate Gothic’ sans serif typefaces. The characters of Oswald were initially re-drawn and reformed to better fit the pixel grid of standard digital screens. Oswald is designed to be used freely across the internet by web browsers on desktop computers, laptops and mobile devices.
Meet Roboto Condensed the supporting font
Roboto is the paragraph font which has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
Typescale
Typescale is based on 1.250 Major Third
HEADING ONE
3.052rem/48.83px
HEADING TWO
2.441rem/39.06px
HEADING THREE
1.953rem/31.25px
HEADING FOUR
1.563rem/25.00px
HEADING FIVE
1.25rem/20.00px
HEADING SIX
1rem/16.00px
Paragraphs
The default body text is 16px. Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.