City as a Platform
A style guide for building awesome experiences
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 sagittis mollis iaculis
Text Color: #7EACBD
Background: #FFFFFF
Font : Roboto
Size : 60px
Line Height : 0.81
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #7EACBD
Background: #FFFFFF
Font : Roboto
Size : 36px
Line Height : 0.9
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #635F5B
Background: #FFFFFF
Font : Roboto
Size : 24px
Line Height : 1
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #C2CF5A
Background: #FFFFFF
Font : Roboto
Size : 60px
Line Height : 0.81
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #C2CF5A
Background: #FFFFFF
Font : Roboto
Size : 36px
Line Height : 0.9
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #635F5B
Background: #FFFFFF
Font : Roboto
Size : 24px
Line Height : 1
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #EE8132
Background: #FFFFFF
Font : Roboto
Size : 60px
Line Height : 0.81
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #EE8132
Background: #FFFFFF
Font : Roboto
Size : 36px
Line Height : 0.9
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #D1D7D2
Background: #FFFFFF
Font : Roboto
Size : 24px
Line Height : 1
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #000000
Background: #FFFFFF
Font : Roboto
Size : 16px
Line Height : 0.81
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #2D2929
Background: #FFFFFF
Font : Roboto
Size : 16px
Line Height : 0.81
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #635F5B
Background: #FFFFFF
Font : Roboto
Size : 16px
Line Height : 0.81
Weight : bold
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: #000000
Background: #FFFFFF
Font : Roboto
Size : 12px
Line Height : 1.33
Contacts
info@focus-bc.com
Portugal: +351 217 101 118
Estr. Paço do Lumiar 44, R/C Dto
1600-546 Lisboa, Portugal
