)
Hero (with or without image)
Optional subheading
Optional paragraph, rule of thumb: never exceed 5 lines of text (desktop) in the hero section. Of course the hero can only be used on top of a page.
Readme
This page has all the available blocks you can use on a normal page, with some user guidelines, in alphabetical order
Spacers: add a spacer below each block so the lay-out is calm, readable, scannable.
Accordion FAQ - link to 2 (up to 7) Zendesk ID's (with bgr toggle)
Comparison block
 Item 1: name | Item 2: name | |
|---|---|---|
Property 1: name | mobile uses dropdown and optional alternative image | item 2 |
| Optional Category title | ||
Property 2: name | you can add symbols | property x |
Item 1: name
Property 1: name
mobile uses dropdown and optional alternative image
- Optional Category title
Property 2: name
you can add symbols
Content with Asset (with br toggle)
Optional paragraph: this component consists of an image or an illustration with nestable content (left or right).
Checklist item 1.
No rich text, but you can highlight or italicMin. 2 items in a checklist
You can add more content with assets and flip the sides of the assets
Always check if a space should be added on top of the component
Item 5
Item 6
Max. 7 items in the checklist
Optional extra paragraph
Content with icon
Item title
Min. 2 icons
Max. 3 icons
Content with asset (with bgr toggle)
Paragraph text.
Optional checklist
checklist item 1
checklist items 2-7
Optional extra paragraph
Features (with bgr toggle)
Optional description. Don't use this block for call to actions.
Item 1
Description of the feature
Item 2
Icons are optional in the features component. Be consistent in one component (icons for each feature or no icons at all). Don't use this component for longer texts, as you notice, it is not very scannable/readable.
Item 3
Description of the feature
Min. 4 items
Description of the feature
Item 5
Description of the feature
Max. 6 items
Description of the feature
Image grid (single or double row, 30/70 50/50 70/30)
Job postings (for certain location with deeplink > workday)
- Business Development RepresentativeSales
- Tender Specialist EV & FuelSales
- Financial Reporting ManagerFinance
- Business controllerFinance
- Junior Database Coordinator BeLuxAdmin / Support
Numbers (with bgr toggle)
1
A text explaining the number. no richt text but highlights are possible.
2
The minimum amount of items in this component
100%
A text explaining the number (or keyboard symbol)
4
The maximum amount of items in this component
Standalone content (with bgr toggle)
Item 1
Item 2
Item 3
and below the optional checklist, you could add an extra pargraph.
Tabs (title = optional)
You can choose from this list
Add min. 2, max. ... tabs.
Accordeon
Accordeon FAQ
Content with asset
Standalone content
Spacer
Tiles
optional extra paragraph
e.g. Tiles
description
Testimonials can be used for quotes (w bgr toggle)”
Tiles
Optional description. Tiles contain illustrations OR images
Min. 1 tile
Optonal description - link is optional
Tile 2
Optonal description - link is optional
Tile 2
Optonal description - link is optional
Max. 4 tiles
Optional description - link is optional
Tiles with drawer
You can add an interactive drawer to tiles (click on the placeholder illustration)
Components not available on content type 'page'
)
Fact
)
Pull Quote
)
Job overview page
This is a page displaying all jobs with filters. They direct towards an automatically created job detail page (sync with workday)
Add blocks to automatically created pages
They will appear on the bottom of the page
)
promo - banner - faq
Global announcement
)
Announcement bar
appears on top of each page (or if you want, only for specific level navigation pages e.g. 'particulieren' but not 'professioneel')
Re-usable error messages
When one of these services is down, you can add an error message manually to the relevant pages until the problem has been fixed. Add a block of type 'Reusable content reference' and select the right one.
Tankbon
Forms (Selligent mailhandling)
Jobs (Workday)
You can see the reusable blocks below:
Tankbon opvragen tijdelijk niet mogelijk
We voeren onderhoud uit aan deze functie. Daardoor kun je op dit moment geen tankbon opvragen. We lossen dit zo snel mogelijk op. Probeer het later nog eens.
Formulier invullen tijdelijk niet mogelijk
We voeren onderhoud uit aan deze functie. Daardoor kun je op dit moment geen formulier invullen. We lossen dit zo snel mogelijk op. Probeer het later nog eens.
Vacature bekijken tijdelijk niet mogelijk
We voeren onderhoud uit aan deze functie. Daardoor kun je op dit moment deze vacature niet bekijken. We lossen dit zo snel mogelijk op. Probeer het later nog eens.