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>