## __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"]