Typography

Font used: Ubuntu

Ubuntu is a variable font family carefully crafted & designed for computer screens.

Aa

Ubuntu

Bold

700

Aa

Ubuntu

Medium

500

Aa

Ubuntu

Regular

400

Abcdefghijklmnopqrstuvwxyz

Headings

Heading elements designed to work best in the meat of your page content

Heading 1

Weight: Bold
Size: 76px
Letter Spacing: -1.5%

Weight: Bold
Mobi Size: 62px
Letter Spacing: -1.5%

Heading 2

Weight: Medium
Size: 60px
Letter Spacing: 0%

Weight: Medium
Mobi Size: 50px
Letter Spacing: 0%

Heading 3

Weight: Medium
Size: 48px
Letter Spacing: 0%

Weight: Medium
Mobi Size: 45px
Letter Spacing: 0%

Heading 4

Weight: Medium
Size: 32px
Letter Spacing: 0.25%

Weight: Medium
Mobi Size: 32px
Letter Spacing: 0.25%

Heading 5

Weight: Bold
Size: 24px
Letter Spacing: 0%

Weight: Bold
Mobi Size: 24px
Letter Spacing: 0%

Heading 5

Weight: Bold
Size: 20px
Letter Spacing: 0.15%

Weight: Bold
Size: 20px
Letter Spacing: 0.15%

Paragraphs and Text

Text styles for various scenarios

Body 1

Weight: Regular
Size: 16px
Letter Spacing: 0.5%    

Body 2

Weight: Regular
Size: 14px
Letter Spacing: 0.25%

Subtitle

Weight: Medium
Size: 16px
Letter Spacing: 1.25%

Caption

Weight: Medium
Size: 12px
Letter Spacing: 0.5%

Buttons

You have 3 button sizes, so here are the text styles

Large button size

Weight: Medium
Size: 16px
Letter Spacing: 0.5%

Click here

Base button size

Weight: Medium
Size: 12px
Letter Spacing: 0.5%

Click here

Large button size

Weight: Bold
Size: 10px
Letter Spacing: 0%

Click here

Text colors

Default styles for the main text elements

Heading color

Defualt body color 

Muted Text

Heading color

Defualt body color 

Muted Text

Theme/Accent colors

You can use the theme colors on text as well

Green Grey

#647775

Teal

#9FCFCA

Grey

#D9D8D6

Green

#D6D86F

Pink

#F69C99