Redpers Styleguide

Dit is de styleguide voor het project Red Pers. Hierin zijn een aantal huisstijl onderdelen gedefinieerd.

Gebruik de volgende gedeelde stylesheet binnen je eigen project: <link rel="stylesheet" href="https://divaninl.github.io/red-pers-styleguide/redpers.css">

Kleuren

Roodtinten

#E85340

Rood

#F9CDC8

Rood - licht

#F9D4CF

Rood - lichter

#FFF4F2

Rood - zeer licht

#AF726B

Rood - Bruinrood

Grijstinten

#000000

Zwart

#444444

Zwart - auteurtekst

#AAAAAA

Grijs - lichtgrijs

#7B7B7A

Grijs - donkergrijs

#FFFFFF

Wit

Groentinten

#F4FBE9

Lichtgroen

#81A549

Donkergroen

Typografie

Kop 1

Font Family: Inter
Font Style: Extra Bold
Font Size: 32px
Line Height: 150%

Kop 2

Font Family: Inter
Font Style: Bold
Font Size: 20px
Line Height: 100%

Kop 3

Font Family: Inter
Font Style: Extra Bold
Font Size: 18px
Line Height: 150%
Letter spacing: -1%

Kop 4

Font Family: Inter
Font Style: Bold
Font Size: 14px
Line Height: 150%
Letter spacing: -2%

Body

Font Family: Inter
Font Style: Regular
Font Size: 16px
Line Height: 125%

Artikelkop

Font Family: Tiempos Headline
Font Style: Bold
Font Size: 48px
Line Height: 120%
Letter Spacing: -1%

Introtekst

Font Family: Inter
Font Style: Light
Font Size: 21px
Line Height: 144%
Letter Spacing: -1%

Uitgelicht citaat

Font Family: Tiempos Headline
Font Style: Bold
Font Size: 38px
Line Height: 100%