Skip to main content

Color

ColorSCSSHEX
Total$ui-03#dfe3e6
Used$primary-04#00a68f

Typography

Please note the total number should be left aligned with the used number.

PropertyFont-size (px/rem)Font-weight
Small gauge: used16 / 1Roman / 400
Small gauge: total12 / 0.75Roman / 400
Medium gauge: used24 / 1.5Light / 300
Medium gauge: total14 / 0.875Roman / 400
Large gauge: used30 / 1.5Light / 300
Large gauge: total14 / 0.875Roman / 400

Structure

Propertypxrem
Small gauge805
Medium gauge1207.5
Large gauge16010
Gauge weight80.5

Structure for Circle Chart in px / rem Structure for Circle Chart | px / rem