Blokelementen

Soorten blokelementen

 

Topic blok

Toepassingen:

• Opleidingen
• Vacatures
• Verhalen

Basisrichtlijnen:

• De plaatsing van het knikpunt in de bovenzijde van het kleurvlak is vrij
• Plaats het knikpunt minimaal 25 px omlaag
• Kies voor de X-afstand een van de marges uit het hoofdstuk marge, afhankelijk van de grootte van het blok

 

Actie blok

Toepassingen:

• Call to actions

Basisrichtlijnen:

• Kies voor de X-afstand een van de marges uit het hoofdstuk marge, afhankelijk van de grootte van het blok Voor het plaatsen van een button, raadpleeg het hoofdstuk buttons

 

Quotes blok

Toepassingen

• Quotes

Basisrichtlijnen:

• Hanteer  de tekstijl van titels voor de quote: Filson Pro Bold 36/36
• Hanteer de tekststijl van koppen voor de naam en functie van de auteur: Filson Pro Bold 24/24

 

Nieuws blok

Toepassingen

• Nieuwsartikelen

Basisrichtlijnen:

• Creëer in het midden van het kader van de afbeelding een knikpunt en plaats deze 30 px omlaag
• Houd bovenstaande marges aan tussen de verschillende elementen
• Voor de lettergroottes en regelafstanden zie het hoofdstuk typografie

 

Kroon blok

Toepassingen:

• Adresvlak voor een kaart

Basisrichtlijnen:

• De plaatsing van het knikpunt in de bovenzijde van het kleurvlak is vrij
• Plaats het knikpunt minimaal 25 px omlaag, houd bovenstaande marges aan
• Pas het transparantie effect multiply toe op het kroonblok
• Plaats het Kroon blok op bovenstaande manier, dit is relatief vrij. Houd wel de standaard marges aan

 

Datum blok

Toepassingen:

• Uitlichten van data

Basisrichtlijnen:

• Hanteer voor een datum blok altijd dezelfde vorm. Download hier de SVG
• Gebruik datum blokken altijd op bovenstaand formaat tenzij het niet anders kan
• Hanteer de tekstijl van titels voor de datum: Filson Pro Bold 36/36

 

Crebo blok

Toepassingen:

• Wanneer de crebo-naam van een opleiding hetzelfde is, maar deze in verschillende talen/termijnen wordt aangeboden

Basisrichtlijnen:

• Hanteer voor een crebo blok altijd dezelfde vorm. Download hier de SVG
• Gebruik datum blokken altijd op bovenstaand formaat tenzij het niet anders kan
• Hanteer de tekststijl van koppen voor de naam en functie van de auteur: Filson Pro Bold 24/24
• Plaats het crebo blok op een topic blok op bovenstaande manier, gebruik de helft van de marge in het topic blok