Typography
Fonts which are used in theme:
- Default body font:
"Roboto"
- Secondary font for headings/buttons/inputs/menus:
"Barlow"
- Tertiary font for card/badges/pagination:
"Barlow Semi Condensed"
- Quaternary font for card descriptions and lead paragraphs:
"Faustina"
#01 Paragraph
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et
accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
amet.</p>
#02 Lead paragraph
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
<p class="lead">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et
accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
amet.</p>
#03 Headlines
h1. NBK heading
h2. NBK heading
h3. NBK heading
h4. NBK heading
h5. NBK heading
h6. NBK heading
<h1>h1. NBK heading</h1>
<h2>h2. NBK heading</h2>
<h3>h3. NBK heading</h3>
<h4>h4. NBK heading</h4>
<h5>h5. NBK heading</h5>
<h6>h6. NBK heading</h6>
#04 Headline sizes
NBK heading size h1
NBK heading size h2
NBK heading size h3
NBK heading size h4
NBK heading size h5
NBK heading size h6
<h1 class="h1">NBK heading size h1</h1>
<h2 class="h2">NBK heading size h2</h2>
<h3 class="h3">NBK heading size h3</h3>
<h4 class="h4">NBK heading size h4</h4>
<h5 class="h5">NBK heading size h5</h5>
<h6 class="h6">NBK heading size h6</h6>