fbpx

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 StencilCera 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

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.