Roboto Heavy

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 ?!@#$%^&*+-(){}[]<>|\’“


Roboto Medium

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 ?!@#$%^&*+-(){}[]<>|\’“


Roboto Light

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 ?!@#$%^&*+-(){}[]<>|\’“


Roboto medium 60px (4rem)

Display 1 is a really big deal


Roboto medium 50px (3.125rem)

Display 2 is a pretty big deal


Roboto medium 40px (2.5rem)

Display 3 is a kind of a big deal


Roboto medium 32px (2rem)

Display 4 is a nearly a big deal


Roboto medium 40px (2.5rem)

Heading 1 is a really big deal


Roboto medium 32px (2rem)

Heading 2 is a really big deal


Roboto medium 28px (1.75rem)

Heading 3 is a really big deal


Roboto medium 24px (1.5rem)

Heading 4 is a really big deal


Roboto medium 20px (1.25rem)

Heading 5 is a really big deal

Roboto medium 16px (1rem)

Heading 6 is a not such a big deal

Roboto light 416px (1rem)

Article Paragraph: Sun bathe thug cat. If it smells like fish eat as much as you wish swat at dog, for the fat cat sat on the mat bat away with paws and stare at guinea pigs. Then cats take over the world.

Hide at bottom of staircase to trip human has closed eyes but still sees you or jump on human and sleep on her all night long be long in the bed, purr in the morning and then give a bite to every human around for not waking up request food,


Heading 2 is a really big deal

Article Paragraph: Sun bathe thug cat. If it smells like fish eat as much as you wish swat at dog, for the fat cat sat on the mat bat away with paws and stare at guinea pigs. Then cats take over the world.


Heading 3 is a really big deal

Article Paragraph: Sun bathe thug cat. If it smells like fish eat as much as you wish swat at dog, for the fat cat sat on the mat bat away with paws and stare at guinea pigs. Then cats take over the world.


Heading 4 is a really big deal

Article Paragraph: Sun bathe thug cat. If it smells like fish eat as much as you wish swat at dog, for the fat cat sat on the mat bat away with paws and stare at guinea pigs. Then cats take over the world.


Default buttons


Secondary buttons


Large buttons


Small buttons


We'll never share your email with anyone else.
This is some placeholder block-level help text for the above input. It's a bit lighter and easily wraps to a new line.
Radio buttons
Checkboxes
Success! You've done it.
Sorry, that username's taken. Try another?
$
.00
Custom forms
Upload

Alert messages

Warning!

Something isn't quite right please try again.

Oh snap!

Oh snap! Change a few things up and try submitting again.

Well done!

You successfully read this important alert message.

Heads up!

This alert needs your attention, but it's not super important.

Well done!

You successfully read this important alert message.

Heads up!

Heads up! This alert needs your attention, but it's not super important.

Badges

Primary Secondary Success Danger Warning Info Light Dark

Pills

Primary Secondary Success Danger Warning Info Light Dark

Progress

Header

Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Secondary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Success card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Danger card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Warning card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Info card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Light card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Dark card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Secondary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Success card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Danger card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Warning card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Info card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Light card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Dark card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Card header

Special title treatment
Support card subtitle
Card image

Some quick example text to build on the card title and make up the bulk of the card's content.

  • Cras justo odio
  • Dapibus ac facilisis in
  • Vestibulum at eros

Card title

Card subtitle

Some quick example text to build on the card title and make up the bulk of the card's content.

Card link Another link
Primary
Secondary
Info
Success
Warning
Danger