Mapify brand
Explore our brand style guide
Typography
Typography
Roboto
web
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Roboto
Weight: 100
Style: normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Roboto
Weight: 400
Style: normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Roboto
Weight: 900
Style: normal
Usage
HTML
CSS
font-family: "Roboto", sans-serif;
Maecenas mollis sagittis
iaculis
Text Color: #FFE66D
Background: #FFFFFF
Font : Roboto
Size : 60px
Line Height : 0.81
Weight : bold
Maecenas mollis sagittis
iaculis
Text Color: #4ECDC4
Background: #FFFFFF
Font : Roboto
Size : 60px
Line Height : 0.81
Weight : bold
Maecenas mollis sagittis
iaculis
Text Color: #5F6368
Background: #FFFFFF
Font : Roboto
Size : 60px
Line Height : 0.81
Weight : bold
Maecenas mollis sagittis
iaculis
Text Color: #FFE66D
Background: #FFFFFF
Font : Roboto
Size : 36px
Line Height : 0.9
Weight : bold
Maecenas mollis sagittis iaculis
Text Color: #524D49
Background: #FFFFFF
Font : Roboto
Size : 24px
Line Height : 1
Weight : bold
Maecenas
mollis sagittis
iaculis
Text Color: #4ECDC4
Background: #FFFFFF
Font : Roboto
Size : 36px
Line Height : 0.9
Weight : bold
Maecenas mollis sagittis iaculis
Text Color: #171717
Background: #FFFFFF
Font : Roboto
Size : 24px
Line Height : 1
Weight : bold
Maecenas
mollis sagittis
iaculis
Text Color: #5F6368
Background: #FFFFFF
Font : Roboto
Size : 36px
Line Height : 0.9
Weight : bold
Maecenas mollis
sagittis iaculis
Text Color: #292F36
Background: #FFFFFF
Font : Roboto
Size : 24px
Line Height : 1
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #524D49
Background: #FFFFFF
Font : Roboto
Size : 16px
Line Height : 1
Maecenas mollis sagittis iaculis
Text Color: #171717
Background: #FFFFFF
Font : Roboto
Size : 16px
Line Height : 1
Maecenas mollis sagittis iaculis
Text Color: #292F36
Background: #FFFFFF
Font : Roboto
Size : 16px
Line Height : 1
Maecenas sagittis mollis iaculis. In et euismod velit, ut ornare augue. Phasellus tortor ligula, viverra sodales augue nec, varius mollis nulla. Morbi dignissim vitae felis a interdum. Pellentesque volutpat mauris at accumsan porta. Nam facilisis porta lo
Text Color: #171717
Background: #FFFFFF
Font : Roboto
Size : 12px
Line Height : 1.33