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

<link href="http://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">

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

​