Primary Font*: DM Sans

*Paragraphs, Captions, Citations, References & Footnotes

Primary Font*: DM Sans

*Paragraphs, Captions, Citations, References & Footnotes

*Paragraph 1 – Body 1 (p 30:1.2em /28pt:1.1em /26px:1.1em)

*Paragraph 2 – Body 1 (p 26:1.2em/24pt:1.1em/22px:1.1em)

*Paragraph 3 – Body 1 (p 22:1.3em/20pt:1.2em/18px: 1.1em)

“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.”

“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.”

*Paragraph 1 – Body 1 (p 30:1.2em /28pt:1.1em /26px:1.1em)

*Paragraph 2 – Body 1 (p 26:1.2em/24pt:1.1em/22px:1.1em)

*Paragraph 3 – Body 1 (p 22:1.3em/20pt:1.2em/18px: 1.1em)

“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.”

“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.”

Long paragraph 1 – body 2 (p – 14/12/10px)

Long paragraph 2 – body 2 (p – 12/10/8px)

Long paragraph 1 – body 3 – tiny (p – 8/6px)

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. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

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. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

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. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

Long paragraph 1 – body 2 (p – 14/12/10px)

Long paragraph 2 – body 2 (p – 12/10/8px)

Long paragraph 1 – body 3 – tiny (p – 8/6px)

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. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

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. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

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. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

*Caption is a title or brief explanation accompanying an illustration, cartoon, or poster.
“he designed a series of posters with the caption: ‘No One is Innocent’”

Short Caption 1 (p – 30/26/22px)

Short Caption 2 (p – 20/18/16px)

Short Caption 3 (p – 18/16/14px)

Short Caption 4 (p – 16/14/12px)

Short Caption 1 (p – 30/26/22px)

Short Caption 2 (p – 20/18/16px)

Short Caption 3 (p – 18/16/14px)

Short Caption 4 (p – 16/14/12px)

*Caption is a title or brief explanation accompanying an illustration, cartoon, or poster.
“he designed a series of posters with the caption: ‘No One is Innocent’”

Short Caption 1 (p – 30/26/22px)

Short Caption 2 (p – 20/18/16px)

Short Caption 3 (p – 18/16/14px)

Short Caption 4 (p – 16/14/12px)

Short Caption 1 (p – 30/26/22px)

Short Caption 2 (p – 20/18/16px)

Short Caption 3 (p – 18/16/14px)

Short Caption 4 (p – 16/14/12px)

*Caption is a title or brief explanation accompanying an illustration, cartoon, or poster.
“he designed a series of posters with the caption: ‘No One is Innocent’”

Long Caption 1 (p – 14/12/10px)

Long Caption 2 (p – 12/10/8px)

Long Caption 3 (p – 10/8/6px)

Long Caption 1 (p – 14/12/10px)

Long Caption 2 (p – 12/10/8px)

Long Caption 3 (p – 10/8/6px)

*Caption is a title or brief explanation accompanying an illustration, cartoon, or poster.
“he designed a series of posters with the caption: ‘No One is Innocent’”

Long Caption 1 (p – 14/12/10px)

Long Caption 2 (p – 12/10/8px)

Long Caption 3 (p – 10/8/6px)

Long Caption 1 (p – 14/12/10px)

Long Caption 2 (p – 12/10/8px)

Long Caption 3 (p – 10/8/6px)

*Citations appear within the main text whereas
*References are added towards the end of the main text as a list.

Citation and Reference 1 (P – 18/16/14Px)

Citation and Reference 2 (P – 16/14/12Px)

Citation and Reference 3 (P – 14/12/10Px)

Citation and Reference 4 (P – 12/10/8Px)

Citation and Reference 1 (P – 18/16/14Px)

Citation and Reference 2 (P – 16/14/12Px)

Citation and Reference 3 (P – 14/12/10Px)

Citation and Reference 4 (P – 12/10/8Px)

*Citations appear within the main text whereas
*References are added towards the end of the main text as a list.

Citation and Reference 1 (P – 18/16/14Px)

Citation and Reference 2 (P – 16/14/12Px)

Citation and Reference 3 (P – 14/12/10Px)

Citation and Reference 4 (P – 12/10/8Px)

Citation and Reference 1 (P – 18/16/14Px)

Citation and Reference 2 (P – 16/14/12Px)

Citation and Reference 3 (P – 14/12/10Px)

Citation and Reference 4 (P – 12/10/8Px)

Secondary Font*: Reem Kufi

*Footers, Upperheadings, Labels & Links
<h6> 0.5em/8px – 1em/16px </h6>
<h5> 1.125em/18px – 1.625em/26px </h5>
<h4> 1.75em/28px – 2.25em/36px </h4>

Secondary Font*: Reem Kufi

*Footers, Upperheadings, Labels & Links
<h6> 0.5em/8px – 1em/16px </h6>
<h5> 1.125em/18px – 1.625em/26px </h5>
<h4> 1.75em/28px – 2.25em/36px </h4>

Footnote 1 (p – 18/16/14px)

Footnote 2 (p – 16/14/12px)

Footnote 3 (p – 14/12/10px)

Footnote 1 (p – 18/16/14px)

Footnote 2 (p – 16/14/12px)

Footnote 3 (p – 14/12/10px)

Footnote 1 (p – 18/16/14px)

Footnote 2 (p – 16/14/12px)

Footnote 3 (p – 14/12/10px)

Footnote 1 (p – 18/16/14px)

Footnote 2 (p – 16/14/12px)

Footnote 3 (p – 14/12/10px)

UPPERHEADING 1 [h5-26/24/22px]
UPPERHEADING 2 [H5-22/20/18px]
UPPERHEADING 3 [H6-16/14/12px]
UPPERHEADING 1 [h5-26/24/22px]
UPPERHEADING 2 [H5-22/20/18px]
UPPERHEADING 3 [H6-16/14/12px]
UPPERHEADING 1 [h5-26/24/22px]
UPPERHEADING 2 [H5-22/20/18px]
UPPERHEADING 3 [H6-16/14/12px]
UPPERHEADING 1 [h5-26/24/22px]
UPPERHEADING 2 [H5-22/20/18px]
UPPERHEADING 3 [H6-16/14/12px]
Breadcrumbs 1 [H5-18/16/14px]
Breadcrumbs 2 [H6-16/14/12px]
Breadcrumbs 1 [H5-18/16/14px]
Breadcrumbs 2 [H6-16/14/12px]
Labels 1 [H5 - 24/22/20px]
Label 1
Label 1
labels 2 [H5 - 22/20/18px]
Label 2
Label 2
Labels 3 [H6 - 16/14/12px]
Label 3
Label 3
Labels 1 [H5 - 24/22/20px]
Label 1
Label 1
labels 2 [H5 - 22/20/18px]
Label 2
Label 2
Labels 3 [H6 - 16/14/12px]
Label 3
Label 3
Auxiliary Font*: Archivo Narrow

*Displays, Headlines, Subheadings, Titles and Menus & Buttons

Auxiliary Font*: Comfortaa

*Displays, Headlines, Subheadings, Titles and Menus & Buttons

Display 1 [H1-112/82/ 66px]

Display 2 [H2-64/60 /56Px]

Display 3 [H3-52/48/44Px]

Display 4 [H4-36/34/32Px]

Display 1 [H1-112/82/ 66px]

Display 2 [H2-64/60/ 56Px]

Display 3 [H3-52/48/44Px]

Display 4 [H4-36/34/32Px]

Display 1 [H1-112/82/ 66px]

Display 2 [H2-64/60 /56Px]

Display 3 [H3-52/48/44Px]

Display 4 [H4-36/34/32Px]

Display 1 [H1-112/96/ 88px]

Display 2 [H2-64/60 /56Px]

Display 3 [H3-52/48/44Px]

Display 4 [H4-36/34/32Px]

Headline 1 [H3-44/40/38px]

Headline 2 [H4-36/34/32Px]

Headline 3 [H4-32/30/28Px]

Headline 4 [H5-26/24/22Px]

Headline 1 [H3-44/40/38px]

Headline 2 [H4-36/34/32Px]

Headline 3 [H4-32/30/28Px]

Headline 4 [H5-26/24/22Px]

Headline 1 [H3-44/40/38px]

Headline 2 [H4-36/34/32Px]

Headline 3 [H4-32/30/28Px]

Headline 4 [H5-26/24/22Px]

Headline 1 [H3-44/40/38px]

Headline 2 [H4-36/34/32Px]

Headline 3 [H4-32/30/28Px]

Headline 4 [H5-26/24/22Px]
SUBHEADING 1 [H5-24/22/20px]
SUBHEADING 2 [H6-16/14/12px]
SUBHEADING 3 [H6-14/12/10px]
SUBHEADING 1 [H5-24/22/20px]
SUBHEADING 2 [H6-16/14/12px]
SUBHEADING 3 [H6-14/12/10px]
SUBHEADING 1 [H5-24/22/20px]
SUBHEADING 2 [H6-16/14/12px]
SUBHEADING 3 [H6-14/12/10px]
SUBHEADING 1 [H5-24/22/20px]
SUBHEADING 2 [H6-16/14/12px]
SUBHEADING 3 [H6-14/12/10px]

Title and menu 1 [H4-32/30/28px]

Title and menu 2 [H5-26/24/22px]
Title and menu 3 [H5-22/20/18px]
Title and menu 4 [H6-16/14/12px]

Title and menu 1 [H4-32/30/28px]

Title and menu 2 [H5-26/24/22px]
Title and menu 3 [H5-22/20/18px]
Title and menu 4 [H6-16/14/12px]

Title and menu 1 [H4-32/30/28px]

Title and menu 2 [H5-26/24/22px]
Title and menu 3 [H5-22/20/18px]
Title and menu 4 [H6-16/14/12px]

Title and menu 1 [H4-32/30/28px]

Title and menu 2 [H5-26/24/22px]
Title and menu 3 [H5-22/20/18px]
Title and menu 4 [H6-16/14/12px]

Button 1
Desktop: 22px – [6] 12/34/11/34
Tablet: 20px – [4] 11/32/10/32
Mobile: 18px – [4] 10/20/9/20

Button 2
Desktop: 16px – [4] 11/28/10/28
Tablet: 14px – [3] 10/24/9/24
Mobile: 12px – [3] 9/20/8/20

Button 3
Desktop: 14px – [4] 10/24/9/24
Tablet: 12px – [3] 9/20/8/20
Mobile: 10px – [3] 8/16/7/16

Button 1
Desktop: 22px – [6] 12/34/11/34
Tablet: 20px – [4] 11/32/10/32
Mobile: 18px – [4] 10/20/9/20

Button 2
Desktop: 16px – [4] 11/28/10/28
Tablet: 14px – [3] 10/24/9/24
Mobile: 12px – [3] 9/20/8/20

Button 3
Desktop: 14px – [4] 10/24/9/24
Tablet: 12px – [3] 9/20/8/20
Mobile: 10px – [3] 8/16/7/16