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
Maecenas sagittis mollis iaculis
Text Color: #7EACBD
Background: #FFFFFF
Font : Roboto
Size : 60px
Line Height : 0.81
Weight : bold
Maecenas sagittis mollis iaculis
Maecenas sagittis mollis iaculis
Text Color: #7EACBD
Background: #FFFFFF
Font : Roboto
Size : 36px
Line Height : 0.9
Weight : bold
Maecenas sagittis mollis iaculis
Maecenas sagittis mollis iaculis
Text Color: #635F5B
Background: #FFFFFF
Font : Roboto
Size : 24px
Line Height : 1
Weight : bold
Maecenas sagittis mollis iaculis
Maecenas sagittis mollis iaculis
Text Color: #C2CF5A
Background: #FFFFFF
Font : Roboto
Size : 60px
Line Height : 0.81
Weight : bold
Maecenas sagittis mollis iaculis
Maecenas sagittis mollis iaculis
Text Color: #C2CF5A
Background: #FFFFFF
Font : Roboto
Size : 36px
Line Height : 0.9
Weight : bold
Maecenas sagittis mollis iaculis
Maecenas sagittis mollis iaculis
Text Color: #635F5B
Background: #FFFFFF
Font : Roboto
Size : 24px
Line Height : 1
Weight : bold
Maecenas sagittis mollis iaculis
Maecenas sagittis mollis iaculis
Text Color: #EE8132
Background: #FFFFFF
Font : Roboto
Size : 60px
Line Height : 0.81
Weight : bold
Maecenas sagittis mollis iaculis
Maecenas sagittis mollis iaculis
Text Color: #EE8132
Background: #FFFFFF
Font : Roboto
Size : 36px
Line Height : 0.9
Weight : bold
Maecenas sagittis mollis iaculis
Maecenas sagittis mollis iaculis
Text Color: #D1D7D2
Background: #FFFFFF
Font : Roboto
Size : 24px
Line Height : 1
Weight : bold
Maecenas sagittis mollis iaculis
Maecenas sagittis mollis iaculis
Text Color: #000000
Background: #FFFFFF
Font : Roboto
Size : 16px
Line Height : 0.81
Weight : bold
Maecenas sagittis mollis iaculis
Maecenas sagittis mollis iaculis
Text Color: #2D2929
Background: #FFFFFF
Font : Roboto
Size : 16px
Line Height : 0.81
Weight : bold
Maecenas sagittis mollis iaculis
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
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
