Text grootte

Heading 1

Heading 2

Heading 3

Kleine text - 20px

Kleine text - 18px

Paragraaf - 16px base

Kleine text - 14px

Kleine text - 12px

Kleuren

Knoppen/links

Button Text Button Text Button Text Button Text Button Text Button Text

Spacing px

4/0.25REM

8/0.5REM

12/0.75REM

16/1REM

20/1.25REM

28/1.75REM

100

160

240

bg-dark

hsl (0, 0%, 90%)

hsl (0, 0%, 95%)

bg-light

hsl (0, 0%, 100%)

text

hsl (0, 0%, 5%)

text-muted

hsl (0, 0%, 30%)

Elementje

Dit is een stukje text om de kleuren enhet design
van dit element uit te testen.

Mooi Element

Heading 1

Heading 2

Heading 3

Semi header bold

Semi bold paragraph

Normal Paragraph

Less important text

Small less important text

2.5 REM, 2.75 REM Bold, hls (0, 0%, 5%)

2 REM, 2.25 REM, Bold, hls (0, 0%, 5%)

1.5 REM, 1.75 REM, Bold, hls (0, 0%, 5%)

1.25 REM, 1.5 REM, Semi bold, hsl (0, 0%, 5%)

1 REM, 1.25 REM, Semi bold, hsl (0, 0%, 5%)

1 REM, 1.25 REM, Regular, hsl (0, 0%, 5%)

1 REM, 1.25 REM, Regular, hsl (0, 0%, 30%)

0.875REM, 1.125REM, Regular, hsl (0, 0%, 30%)

Voorbeeld text om
typografie te testen.

Er was eens een jongen

Er was eens een jongen die in het leven meer kon zien dan wat andere zagen. Omdat hij het gevoel had dat hij de eenigste persoon op de aarde was die dat kon wou hij zijn speciale gave gebruiken om de wereld naar zijn ideologie te vormen. Veel mensen zouden bij het lezen van deze text een verolg verwachten van een jongen met slechte bedoelingen. En dat is het probleem wat deze jongen wou aanpakken. Hij zou zo graag willen dat de samenleving waarin hij leeft een sterke empathische samenleving zou zijn. Een samenleving waar mensen elkaar helpen, om elkaar geven, solidair zijn en samen willen bouwen. Hij geloofd er echt in dat de wereld zich sneller en beter zou ontwikkelen als de samenleving van moeten om te overleven naar moeten omdat het een positief effect heeft op naasten en de samenleving zou gaan.