Branding

Definieer hoe je eruitziet
Koptekst lettertype
H1

De snelle, bruine vos springt over de luie hond heen

H2

De snelle, bruine vos springt over de luie hond heen

H3

De snelle, bruine vos springt over de luie hond heen

H4

De snelle, bruine vos springt over de luie hond heen

H5
De snelle, bruine vos springt over de luie hond heen
H6
De snelle, bruine vos springt over de luie hond heen
Parameters
Lettertype familie Open Sans
Lettertype dikte 800
Lettertype normal
Behuizing inherit
Lijnhoogte 1.2
Letterafstand 0
Implementatie
Gebruik gewoon deze CSS-klassen:
.h1, .h2, .h3, .h4, .h5, .h6
Lettertype weergeven
Display 1

De snelle, bruine vos springt over de luie hond heen

Display 2

De snelle, bruine vos springt over de luie hond heen

Display 3

De snelle, bruine vos springt over de luie hond heen

Display 4

De snelle, bruine vos springt over de luie hond heen

Display 5
De snelle, bruine vos springt over de luie hond heen
Display 6
De snelle, bruine vos springt over de luie hond heen
Parameters
Lettertype familie Open Sans
Lettertype dikte 300
Lettertype normal
Behuizing inherit
Lijnhoogte 1.2
Letterafstand 0
Implementatie
Gebruik gewoon deze CSS-klassen:
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6
Hoofdlettertype

De snelle, bruine vos springt over de luie hond heen

Parameters
Lettertype familie Open Sans
Lettertype dikte normal
Lettertype regular
Lijnhoogte 1.5
Letterafstand 0
Implementatie
Werkt op alle tekst die niet is opgemaakt met een kop of weergaveklasse
Primaire knop
Parameters
Lettertype dikte bold
Behuizing uppercase
Vorm .25rem
Vulling X 0.75rem
Vulling Y 0.375rem
Implementatie
<button class="btn btn-primary">Voeg toe aan winkelkar</button>
Secundaire knop
Parameters
Lettertype dikte bold
Behuizing uppercase
Vorm .25rem
Vulling X 0.75rem
Vulling Y 0.375rem
Implementatie
<button class="btn btn-secondary">Lees verder</button>
Link-knop
Parameters
Lettertype dikte normal
Behuizing initial
Implementatie
<button class="btn btn-link">Lees verder</button>