Typography

M3 uses a type scale with 15 styles across 5 roles: display, headline, title, body, and label.

Type scale

The type scale is a combination of 15 styles that are assigned as defaults to specific components.

Display Large

57/64 Regular

Display Medium

45/52 Regular

Display Small

36/44 Regular

Headline Large

32/40 Regular

Headline Medium

28/36 Regular

Headline Small

24/32 Regular

Title Large

22/28 Regular

Title Medium

16/24 Medium

Title Small

14/20 Medium

Body Large

16/24 Regular

Body Medium

14/20 Regular

Body Small

12/16 Regular

Label Large

14/20 Medium

Label Medium

12/16 Medium

Label Small

11/16 Medium

Fonts

Jolu uses Google Sans for brand typeface (display, headline, title roles) and Roboto for plain typeface (body, label roles).

                            @import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap');
                        