//= ../template/css.html Style - Typography - Concerto Style Guide | DPIM UX Team
Style — Typography
//= ../template/menu.html

Typography

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. For Concerto we have chosen a font that is simple and easy to read, yet has enough variation in font weight to create contrast.

Typeface

Roboto

Roboto 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. 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.

Roboto A-Z and Numerals

Roboto Font Weights

Roboto has five weights: Thin, Light, Normal, Medium, Bold. The slight variations in weight play a key role in dynamic copy and imagery for all subject matter.

Roboto Font Weights

Style

Color

In Concerto, shades of grey are used to create a hierarchy of importance.

Text on Dark backgrounds

Text on White Backgrounds

//= ../template/js.html