Design &
Pattern Library
TYPOGRAPHY
Main Headline
Cera Pro Headline <h1>
The pan-European Cera Collection is driven by pure geometry and contains the bestselling Cera, its stenciled counterpart Cera Stencil, Cera Condensed, the hand-crafted display Cera Brush and the soft Cera Round.
The starting point for the collection, Cera Pro is distilled from elementary shapes and brings simplicity, elegance and a certain warmth wherever a contemporary geometric typeface is needed.
Cera Pro’s six weights, thin to black, give it a full range of expression for interfaces and corporate design; in print, on screen and in multiple languages. Matching italics, carefully sloped a lively 10º, are invigorated with a dash of rotalic flavour: keeping the o a perfect circle and giving Cera Pro’s italics striking effect when used for display typography.
A steadfast companion for text, Cera Pro has a large x-height and compact capitals. For best on-screen performance the TrueType files for the web and desktop fonts have been improved with manual hinting. Naturally, it also has all the useful dingbats and arrows you might need.
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.25 – Major Third
Heading One
3.052rem/48.83px
Heading Two
2.441rem/39.06px
Heading Three
1.953rem/31.25px
Heading Four
1.563rem/25px
Heading Five
1.25rem/20px
Body
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.