Foundations
Typography
Roboto and Roboto Condensed fonts have been selected as the primary fonts for this system. Inside the task componend and in the form fields the Roboto font should be used, otherwise the other elements in the app use the Roboto Condensed font.
Roboto
ready
<style>
  * {
    font-family: 'Roboto' !important;
    word-wrap: break-word;
  }
  p {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 1rem;
    font-size: 18px !important;
    
  }
</style>

# AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

# 1234567890',.<>/?;':"[]{}-=\_+!@#$%^&\*()

<p>Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.</p>
Roboto Condensed
ready
<style>
  * {
    font-family: 'Roboto Condensed' !important;
    word-wrap: break-word;
  }
  p {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 1rem;
    font-size: 18px !important;
    
  }
</style>

# AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

# 1234567890',.<>/?;':"[]{}-=\_+!@#$%^&\*()

<p>Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.</p>

Copryright

Roboto and Roboto Condensed are free software. For more details, please visit Google Fonts official website at https://fonts.google.com/