Focusbc brand
​
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: #1D4352
Background: #FFFFFF
Font : Roboto
Size : 60px
Line Height : 0.81
Weight : bold
follow US
Maecenas sagittis mollis iaculis
Text Color: #6DB0A0
Background: #FFFFFF
Font : Roboto
Size : 60px
Line Height : 0.81
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #802222
Background: #FFFFFF
Font : Roboto
Size : 60px
Line Height : 0.81
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #1D4352
Background: #FFFFFF
Font : Roboto
Size : 36px
Line Height : 0.9
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #6DB0A0
Background: #FFFFFF
Font : Roboto
Size : 36px
Line Height : 0.9
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #802222
Background: #FFFFFF
Font : Roboto
Size : 36px
Line Height : 0.9
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #000000
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 : 1
​
Maecenas sagittis mollis iaculis
Text Color: #635F5B
Background: #FFFFFF
Font : Roboto
Size : 24px
Line Height : 1
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: #BABABA
Background: #FFFFFF
Font : Roboto
Size : 24px
Line Height : 1
Weight : bold
Maecenas sagittis mollis iaculis
Text Color: ##2D2929
Background: #FFFFFF
Font : Roboto
Size : 16px
Line Height : 1
​
Maecenas sagittis mollis iaculis
Text Color: #635F5B
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: #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
