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

Focus BC Google Cloud partner
Group 1197.png

Google partner

Focus BC is Google partner for
Google Cloud and Maps Platform. 

Group 1198.png

Contacts

info@focus-bc.com
Portugal: +351 217 101 118

Estr. Paço do Lumiar 44, R/C Dto

1600-546 Lisboa, Portugal