## __02__ Typography
### __2.1__ Typeface
[wrap class="{$ styles.row $}"]
[render character-set label="Open Sans Light" style="font-family: 'Open Sans', sans-serif;"]
[render character-set label="Open Sans Light Italic" style="font-family: 'Open Sans', sans-serif; font-style: italic;"]
[/wrap]
[wrap class="{$ styles.row $}"]
[render character-set label="Open Sans Semibold" style="font-family: 'Open Sans', sans-serif; font-weight: 600;"]
[render character-set label="Open Sans Semibold Italic" style="font-family: 'Open Sans', sans-serif; font-style: italic; font-weight: 600;"]
[/wrap]
### __2.2__ Headings
[wrap class="{$ styles.row $}"]
[render heading label="Heading 01" heading="h1" font="Open Sans Light" size="30px"]
[render heading label="Heading 02" heading="h2" font="Open Sans Light" size="22px"]
[render heading label="Heading 03" heading="h3" font="Open Sans Light" size="18px"]
[render heading label="Heading 04" heading="h4" font="Open Sans Light" size="16px"]
[render heading label="Heading 05" heading="h5" font="Open Sans Light" size="13px"]
[render heading label="Heading 06" heading="h6" font="Open Sans Light" size="11px"]
[/wrap]
### __2.3__ Paragraph
[render paragraph font="Open Sans Light" size="14px" line="22px"]