Type

The default Font Type for Cumulocity is Roboto. It's a modern font that renders well in browsers and is readable even in small sizes. On branded versions defaults to Helvetica Neue.

Font face

Available in three weights: 300, 400, and 700.

Roboto 300 (light) is mainly used on large type or in cases where Regular or Bold might look to prominent.

Roboto 400 (normal) is the default font used accross the interface.

Roboto 700 (bold) can be used to focus attention on important interface elements which might go unnoticed otherwise.


Roboto 300

Well, the way they make shows is, they make one show. That show's called a pilot.
0123456789

Weight: 300


Roboto 400

Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows.
0123456789

Weight: 400


Roboto 700

Some pilots get picked and become television programs. Some don't, become nothing. She starred in one of the ones that became nothing.
0123456789

Weight: 700



Line Height

In the context of our application, the need for longform text is quite rare. More often it involves many small bits of text that all represent data.

We take a pragmatic approach to spacing and line height by resetting all margins and paddings to 0, using a line height of 1.1 for all headings and a line height of 1.42857143 for the remaining elements. This line height together with the default font-size (14px) sets our baseline grid on 20px.

For a complete view of typography and type utilities check typography in Base CSS.