Roboto is the standart typefaces of Material Design style

Roboto weight 200 30px

Roboto weight 300 30px

Roboto weight 400 30px

Roboto weight 500 30px

Roboto weight 600 30px

SAMPLE TEXT

Has consul possim sadipscing no. Facer dissentias cu est, vim eu habeo eruditi. Rationibus reprimique vis an, mei vidit solum sententiae no, rebum blandit eleifend cum id. Id amet mucius aperiri mea. Eu eam audiam utroque gloriatur, cu duis graeci disputationi mea, has an harum nihil blandit.

Facer cetero est ne, no duo commodo tincidunt scribentur, in quo maiorum iudicabit. Everti liberavisse cu ius. Eam ea antiopam referrentur, probo affert docendi no usu, est no odio perpetua electram. Clita viderer eum ea. Partem democritum qui in. In nec sale choro inermis, et vel audiam philosophia.

SAMPLE TEXT WITH LEAD BODY

Lead body. Has consul possim sadipscing no

Has consul possim sadipscing no. Facer dissentias cu est, vim eu habeo eruditi. Rationibus reprimique vis an, mei vidit solum sententiae no, rebum blandit eleifend cum id. Id amet mucius aperiri mea. Eu eam audiam utroque gloriatur, cu duis graeci disputationi mea, has an harum nihil blandit.

Facer cetero est ne, no duo commodo tincidunt scribentur, in quo maiorum iudicabit. Everti liberavisse cu ius. Eam ea antiopam referrentur, probo affert docendi no usu, est no odio perpetua electram. Clita viderer eum ea. Partem democritum qui in. In nec sale choro inermis, et vel audiam philosophia.

COLORED TEXT SAMPLES

Has consul possim sadipscing no. Facer dissentias cu est, vim eu habeo eruditi.
Has consul possim sadipscing no. Facer dissentias cu est, vim eu habeo eruditi.
Has consul possim sadipscing no. Facer dissentias cu est, vim eu habeo eruditi.
Has consul possim sadipscing no. Facer dissentias cu est, vim eu habeo eruditi.
Has consul possim sadipscing no. Facer dissentias cu est, vim eu habeo eruditi.
Has consul possim sadipscing no. Facer dissentias cu est, vim eu habeo eruditi.

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5

Heading h6

• Code
• Eating
  • Breakfast
  • Lunch
  • Dinner
• Sleeping
• Meditation
• The fight against evil

1. Code
2. Eating
   • Breakfast
   • Lunch
   • Dinner
3. Sleeping
4. Meditation
5. The fight against evil

• Code
• Eating
  • Breakfast
  • Lunch
  • Dinner
• Sleeping
• Meditation
• The fight against evil

1. Code
2. Eating
3. Sleeping

Material Design

Design language developed in 2014 by Google. Expanding upon the "card" motifs that debuted in Google Now, Material Design makes more liberal use of grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows.

Material Design Lite

This library lets you add a Material Design look and feel to your static content websites. It doesn't rely on any JavaScript frameworks or libraries. Optimized for cross-device use, gracefully degrades in older browsers, and offers an experience that is accessible from the get-go.

Material Dashboard Lite

First dark dashboard on the Material Design Lite! Material Dashboard Lite admin template is absolutely free for commercial usage theme, that uses google's implementation of material design - Material Design Lite library.