Fonts are used primarily as vehicles to convey information. Even if we don’t generally consciously pay them any attention, fonts have very specific features and qualities that make them a key element in the overall design system.
Roboto Condensed is to be used for headings and highlighting text.
Roboto Condensed Bold is used for the main navigation elements. Italics can also be used in this font.
Roboto Condensed Light is used for copy text online and in calls to action (CTAs). Italics can also be used in this font. Combining Condensed Light with Condensed to highlight text adds emphasis and captures attention in copy texts.
The Light Italic font weight is used mainly in forms and should be used sparingly online because of its poor legibility.
As a rule, font sizes can be chosen freely according to typographic and design guidelines. It is only the line spacing that is prescribed, which should be calculated according to the following example.
Text in images
Text to be superimposed onto images should be kept brief.
It should not obscure any important details in the image. There is no restriction regarding the size of text, which should be chosen according to typographic and optical considerations.