Typography
Headings
All headings within the application should use text-h<#> classes (to avoid conflicts with possible parent application styles):
H1 - Titillium Web Black 40px / 50px
H2 - Titillium Web Black 35px / 40px
H3 - Titillium Web Black 28px / 35px
H4 - Titillium Web Black 22px / 25px
<h1 class="text-h1">H1 - Titillium Web Black 40px / 50px</h1>
<h2 class="text-h2">H2 - Titillium Web Black 35px / 40px</h2>
<h3 class="text-h3">H3 - Titillium Web Black 28px / 35px</h3>
<h4 class="text-h4">H4 - Titillium Web Black 22px / 25px</h4>
To create a secondary heading, simply add a text-secondary class:
Secondary heading
<h2 class="text-h2 text-secondary">Secondary heading</h2>
Text
Default text - Titillium Web Regular 18px / 25px - Repair Cafés zijn er tijdelijk niet, maar heel wat vrijwillige repairers staan nog steeds klaar met advies en hulp bij je herstelling. Heb je thuis een toestel staan dat niet meer werkt of waar iets mis mee is? Kies hieronder een herstelorganisatie, meld je toestel aan en laat een expert uit je buurt er naar kijken!
<p>Default text</p>
Intro text - Titillium Web Regular 20px / 30px - Repair Cafés zijn er tijdelijk niet, maar heel wat vrijwillige repairers staan nog steeds klaar met advies en hulp bij je herstelling. Heb je thuis een toestel staan dat niet meer werkt of waar iets mis mee is? Kies hieronder een herstelorganisatie, meld je toestel aan en laat een expert uit je buurt er naar kijken!
<p class="text-intro">Intro text</p>