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