H1
This is the <h1> heading.
Font family: Roboto
Font size: 40px
Font weight: Light
Line height: 1.2
Lorem ipsum
<h1 class=""><!--text--></h1>
Typography
These are the typography headings used in the styleguide and play a base part of creating the branding. Make use of these values to define titles, paragraphs, ... .
Do not deviate from these values, otherwise the branding will not be applied properly.
<h1> defines the most important heading and <h6> the least important one.
H2
This is the <h2> heading.
Font family: Roboto
Font size: 32px
Font weight: Light
Line height: 1.2
Lorem ipsum
<h2 class=""><!--text--></h2>
H3
This is the <h3> heading.
Font family: Roboto
Font size: 24px
Font weight: Light
Line height: 1.2
Lorem ipsum
<h3 class=""><!--text--></h3>
H4
This is the <h4> heading.
Font family: Roboto
Font size: 15px
Font weight: Medium
Line height: 1.2
Lorem ipsum
<h4 class=""><!--text--></h4>
H5
This is the <h5> heading.
Font family: Roboto
Font size: 15px
Font weight: Medium
Line height: 1.2
Lorem ipsum
<h5 class=""><!--text--></h5>
H6
This is the <h6> heading.
Font family: Roboto
Font size: 14px
Font weight: Bold
Line height: 1.2
Lorem ipsum
<h6 class=""><!--text--></h6>
Paragraph
This is the <p> tag.
Font family: Roboto
Font size: 15px
Font weight: Regular
Line height: 1.2
Lorem ipsum
<p class=""><!--text--></p>
Remarks
This is the <p> tag.
Font family: Roboto
Font size: 12px
Font weight: Regular
Line height: 1.2
Lorem ipsum
<p class="a-typography--remarks"><!--text--></p>
This is a title
this is usage documentation is written in markdown