Favicon
Colors
Brand colors
brand-blue
brand-black
brand-dark-blue
brand-vieux-rose
brand-sage-green
brand-green
brand-light-blue
brand-mustard
Primary colors
primary-200
primary-150
primary-100
primary-80
primary-60
primary-40
primary-20
Secondary colors
secondary-200
secondary-150
secondary-100
secondary-80
secondary-60
secondary-40
secondary-20
Neutral colors
neutral-100
neutral-80
neutral-60
neutral-40
neutral-20
neutral-10
neutral-5
neutral-0
Accent success
accent-success-100
accent-success-80
accent-success-60
accent-success-40
accent-success-20
Accent warning
accent-warning-100
accent-warning-80
accent-warning-60
accent-warning-40
accent-warning-20
Accent error
accent-error-100
accent-error-80
accent-error-60
accent-error-40
accent-error-20
Typography
Heading h1 with a italic, link, bold word, lorem ipsum dolor sit amet
Heading h2 with a italic, link, bold word, lorem ipsum dolor sit amet
Heading h3 with a italic, link, bold word, lorem ipsum dolor sit amet
Heading h4 with a italic, link, bold word, lorem ipsum dolor sit amet
Heading h5 with a italic, link, bold word, lorem ipsum dolor sit amet
Heading h6 with a italic, link, bold word, lorem ipsum dolor sit amet
Paragraph lorem ipsum dolor sit amet, something bold lorem ipsum dolor sit amet adipiscing elit, sed do eiusmod tempor something italic and an inline link incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Paragraph small lorem ipsum dolor sit amet, something bold lorem ipsum dolor sit amet adipiscing elit, sed do eiusmod tempor something italic and an inline link incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Paragraph tiny lorem ipsum dolor sit amet, something bold lorem ipsum dolor sit amet adipiscing elit, sed do eiusmod tempor something italic and an inline link incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Action small lorem ipsum dolor sit amet, something bold lorem ipsum dolor sit amet
Action tiny lorem ipsum dolor sit amet, something bold lorem ipsum dolor sit amet
An unordered list:
- A first item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 2th item. Lorem ipsum dolor sit amet, italic, link, bold.
-
A list within a list:
- A first item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 2th item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 3th item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
An ordered list:
- A first item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 2th item. Lorem ipsum dolor sit amet, italic, link, bold.
-
A 3th item with a list within a list:
- A first item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 2th item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 3th item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 4th item
- A 5th item
- A 6th item
- A 7th item
- A 8th item
- A 9th item
- A 10th item
A blockquote:
Some quote here. Lorem ipsum dolor sit amet, italic, link, bold.
A table:
| A table lorem ipsum dolor sit | ||
|---|---|---|
| A heading | A table body lorem ipsum dolor sit amet consectetur italic, link, bold elit. | Some data |
| Another heading | A table body lorem ipsum dolor sit amet consectetur italic, link, bold elit. | Some data |
| Another heading | A table body lorem ipsum dolor sit amet consectetur italic, link, bold elit. | Some data |
Heading h1 with a italic, link, bold word, lorem ipsum dolor sit amet
Heading h2 with a italic, link, bold word, lorem ipsum dolor sit amet
Heading h3 with a italic, link, bold word, lorem ipsum dolor sit amet
Heading h4 with a italic, link, bold word, lorem ipsum dolor sit amet
Heading h5 with a italic, link, bold word, lorem ipsum dolor sit amet
Heading h6 with a italic, link, bold word, lorem ipsum dolor sit amet
Paragraph lorem ipsum dolor sit amet, something bold lorem ipsum dolor sit amet adipiscing elit, sed do eiusmod tempor something italic and an inline link incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Paragraph small lorem ipsum dolor sit amet, something bold lorem ipsum dolor sit amet adipiscing elit, sed do eiusmod tempor something italic and an inline link incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Paragraph tiny lorem ipsum dolor sit amet, something bold lorem ipsum dolor sit amet adipiscing elit, sed do eiusmod tempor something italic and an inline link incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Action small lorem ipsum dolor sit amet, something bold lorem ipsum dolor sit amet
Action tiny lorem ipsum dolor sit amet, something bold lorem ipsum dolor sit amet
An unordered list:
- A first item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 2th item. Lorem ipsum dolor sit amet, italic, link, bold.
-
A list within a list:
- A first item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 2th item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 3th item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
An ordered list:
- A first item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 2th item. Lorem ipsum dolor sit amet, italic, link, bold.
-
A 3th item with a list within a list:
- A first item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 2th item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 3th item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 4th item
- A 5th item
- A 6th item
- A 7th item
- A 8th item
- A 9th item
- A 10th item
A blockquote:
Some quote here. Lorem ipsum dolor sit amet, italic, link, bold.
A table:
| A table lorem ipsum dolor sit | ||
|---|---|---|
| A heading | A table body lorem ipsum dolor sit amet consectetur italic, link, bold elit. | Some data |
| Another heading | A table body lorem ipsum dolor sit amet consectetur italic, link, bold elit. | Some data |
| Another heading | A table body lorem ipsum dolor sit amet consectetur italic, link, bold elit. | Some data |
Heading h1 with a italic, link, bold word, lorem ipsum dolor sit amet
Heading h2 with a italic, link, bold word, lorem ipsum dolor sit amet
Heading h3 with a italic, link, bold word, lorem ipsum dolor sit amet
Heading h4 with a italic, link, bold word, lorem ipsum dolor sit amet
Heading h5 with a italic, link, bold word, lorem ipsum dolor sit amet
Heading h6 with a italic, link, bold word, lorem ipsum dolor sit amet
Paragraph lorem ipsum dolor sit amet, something bold lorem ipsum dolor sit amet adipiscing elit, sed do eiusmod tempor something italic and an inline link incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Paragraph small lorem ipsum dolor sit amet, something bold lorem ipsum dolor sit amet adipiscing elit, sed do eiusmod tempor something italic and an inline link incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Paragraph tiny lorem ipsum dolor sit amet, something bold lorem ipsum dolor sit amet adipiscing elit, sed do eiusmod tempor something italic and an inline link incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Action small lorem ipsum dolor sit amet, something bold lorem ipsum dolor sit amet
Action tiny lorem ipsum dolor sit amet, something bold lorem ipsum dolor sit amet
An unordered list:
- A first item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 2th item. Lorem ipsum dolor sit amet, italic, link, bold.
-
A list within a list:
- A first item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 2th item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 3th item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
An ordered list:
- A first item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 2th item. Lorem ipsum dolor sit amet, italic, link, bold.
-
A 3th item with a list within a list:
- A first item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 2th item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 3th item. Lorem ipsum dolor sit amet. Consectetur adipiscing elit.
- A 4th item
- A 5th item
- A 6th item
- A 7th item
- A 8th item
- A 9th item
- A 10th item
A blockquote:
Some quote here. Lorem ipsum dolor sit amet, italic, link, bold.
A table:
| A table lorem ipsum dolor sit | ||
|---|---|---|
| A heading | A table body lorem ipsum dolor sit amet consectetur italic, link, bold elit. | Some data |
| Another heading | A table body lorem ipsum dolor sit amet consectetur italic, link, bold elit. | Some data |
| Another heading | A table body lorem ipsum dolor sit amet consectetur italic, link, bold elit. | Some data |
Container
default
breakout-vw
breakout-cw
breakout
breakout-left
breakout-right
s-container--11
breakout-vw
breakout-cw
breakout
breakout-left
breakout-right
s-container--10
breakout-vw
breakout-cw
breakout
breakout-left
breakout-right
s-container--8
breakout-vw
breakout-cw
breakout
breakout-left
breakout-right
s-container--7
breakout-vw
breakout-cw
breakout
breakout-left
breakout-right
s-container--6
breakout-vw
breakout-cw
breakout
breakout-left
breakout-right
Sections
section: .section-sm
section: .section-md
section: .section-lg
section: .section-xl
section: .section-t-xl
section: .section-b-xl
Gradients
u-gradient-linear
u-gradient-corner
Radius
6
12
15
20
32
99
Links
Buttons
Button group
Tab item
Dots
Tag
Mobiliteitsgids
Mobiliteitsgids
Mobiliteitsgids
Mobiliteitsgids
Tagline
Video
Foto
Video
Foto
List item
- Onkostenbeheer professionele mobiliteit
- Onkostenbeheer woon-werkvergoedingen
Shape
Illustration
Icons
Default
Fluent UI regular
Fluent UI filled
Default
Fluent UI regular
Fluent UI filled
Logos
Video
Numbers
every
2s
something
happens
gratitude
75%
50000
trees planted
every
2s
something
happens
gratitude
75%
50000
trees planted
Cards
Micro-onderneming
Bied jouw medewerkers meer dan 35 mobiliteits-opties aan en spaar tijd en geld uit aan administratie.
Micro-onderneming
Bied jouw medewerkers meer dan 35 mobiliteits-opties aan en spaar tijd en geld uit aan administratie.
Micro-onderneming
Bied jouw medewerkers meer dan 35 mobiliteits-opties aan en spaar tijd en geld uit aan administratie.
Micro-onderneming
Bied jouw medewerkers meer dan 35 mobiliteits-opties aan en spaar tijd en geld uit aan administratie.
Micro-onderneming
Bied jouw medewerkers meer dan 35 mobiliteits-opties aan en spaar tijd en geld uit aan administratie.
Micro-onderneming
Bied jouw medewerkers meer dan 35 mobiliteits-opties aan en spaar tijd en geld uit aan administratie.
Language Toggle
Tooltips
Online booking
Ticketing a super long label and also super long description. Lorem ipsum dolor sit amet.
Image
Text Block
Mobility
Eenvoudig mobiliteitsbeheer met Olympus Mobility
Met Olympus Mobility geniet je van 35+ mobiliteitsdiensten in één app en het beheer van je mobiliteit op één factuur. Of je nu freelancer, kleine zaakvoerder of werkgever van 20+ medewerkers bent.
Mobility
Eenvoudig mobiliteitsbeheer met Olympus Mobility
Met Olympus Mobility geniet je van 35+ mobiliteitsdiensten in één app en het beheer van je mobiliteit op één factuur. Of je nu freelancer, kleine zaakvoerder of werkgever van 20+ medewerkers bent.
Pagination
Collapse
Een collapse is een component dat inhoud toont of verbergt wanneer je erop klikt. Handig voor FAQ’s, extra uitleg, of om visuele clutter te vermijden.
Een collapse is een component dat inhoud toont of verbergt wanneer je erop klikt. Handig voor FAQ’s, extra uitleg, of om visuele clutter te vermijden.
Een collapse is een component dat inhoud toont of verbergt wanneer je erop klikt. Handig voor FAQ’s, extra uitleg, of om visuele clutter te vermijden.
Step
1
Ontdek het Olympus platform
Leer het platform kennen samen met onze mobiliteits- adviseurs Bert of Jonathan. Krijg een antwoord op al jouw vragen
2
Meld je aan
Vul je bedrijfsgegevens in en maak je account aan. Na bevestiging krijg je de logindetails voor het Olympus beheerportaal en een handleiding.
3
Creëer accounts
Log in op het beheerportaal en maak accounts aan voor je medewerkers. Je medewerkers ontvangen automatisch een bevestigingsmail met uitleg, een downloadlink voor de app en logingegevens. Via sms krijgen ze hun unieke pincode.
4
Bepaal budgetten
Wijs iedere medewerker een gelimiteerd maand- of jaarbudget toe. Dat kan voor woon-werkverkeer, dienstverplaatsingen, cafetariaplannen en het wettelijk mobiliteitsbudget.
List
Quote
Article Cards
Het wettelijk mobiliteitsbudget in 2025
Bied jouw medewerkers meer dan 35 mobiliteits-opties aan Bied jouw medewerkers meer dan 35 mobiliteits-opties aan Bied jouw medewerkers meer dan 35 mobiliteits-opties aan
Mobiliteitsgids
Het wettelijk mobiliteitsbudget in 2025
Bied jouw medewerkers meer dan 35 mobiliteits-opties aan
Mobiliteitsgids
Het wettelijk mobiliteitsbudget in 2025
Bied jouw medewerkers meer dan 35 mobiliteits-opties aan
Het wettelijk mobiliteitsbudget in 2025
Bied jouw medewerkers meer dan 35 mobiliteits-opties aan
Mobiliteitsgids
Het wettelijk mobiliteitsbudget in 2025
Bied jouw medewerkers meer dan 35 mobiliteits-opties aan
Mobiliteitsgids
Het wettelijk mobiliteitsbudget in 2025
Bied jouw medewerkers meer dan 35 mobiliteits-opties aan
Socials
Form
Geen formulier gekoppeld in het CMS.
Geen formulier gekoppeld in het CMS.
Geen formulier gekoppeld in het CMS.
Image Cards
Alle favoriete mobiliteitsdiensten in één oogopslag op het startscherm
Zicht op resterend budget én recente aankopen
Vlotte kilometerregistratie
Carousel
USPs
Gebruiksgemak
Plan je verplaatsing, koop tickets of reserveer je vervoersmiddel. Allemaal met één app.
Keuzevrijheid
Dé Belgische mobiliteitsapp om je te verplaatsen zoals jij dat wil.
Tijdbesparing
Krijg automatisch één maandelijkse, digitale factuur. Verwerk geen aparte bonnetjes meer.
Gebruiksgemak
Plan je verplaatsing, koop tickets of reserveer je vervoersmiddel. Allemaal met één app.
Keuzevrijheid
Dé Belgische mobiliteitsapp om je te verplaatsen zoals jij dat wil.
Tijdbesparing
Krijg automatisch één maandelijkse, digitale factuur. Verwerk geen aparte bonnetjes meer.
USP Block
Video
Olympus Mobility uitgelegd
Section intro. Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in.
Gebruiksgemak
Plan je verplaatsing, koop tickets of reserveer je vervoersmiddel. Allemaal met één app.
Keuzevrijheid
Dé Belgische mobiliteitsapp om je te verplaatsen zoals jij dat wil.
Tijdbesparing
Krijg automatisch één maandelijkse, digitale factuur. Verwerk geen aparte bonnetjes meer.
Image Cards
Alle favoriete mobiliteitsdiensten in één oogopslag op het startscherm
Zicht op resterend budget én recente aankopen
Vlotte kilometerregistratie
Split Block
App
Olympus voor jouw werknemers
Ontdek de app met behulp van een interactief scherm. Klik doorheen alle functionaliteiten en kom te weten waar je alle info terug kan vinden voor het meest efficiënte mobiliteitsbeheer.
Gebruiksgemak
Plan je verplaatsing, koop tickets of reserveer je vervoersmiddel. Allemaal met één app.
Keuzevrijheid
Dé Belgische mobiliteitsapp om je te verplaatsen zoals jij dat wil.
Tijdbesparing
Krijg automatisch één maandelijkse, digitale factuur. Verwerk geen aparte bonnetjes meer.
App
Olympus voor jouw werknemers
Ontdek de app met behulp van een interactief scherm. Klik doorheen alle functionaliteiten en kom te weten waar je alle info terug kan vinden voor het meest efficiënte mobiliteitsbeheer.
Gebruiksgemak
Plan je verplaatsing, koop tickets of reserveer je vervoersmiddel. Allemaal met één app.
Keuzevrijheid
Dé Belgische mobiliteitsapp om je te verplaatsen zoals jij dat wil.
Tijdbesparing
Krijg automatisch één maandelijkse, digitale factuur. Verwerk geen aparte bonnetjes meer.
App
Olympus voor jouw werknemers
Ontdek de app met behulp van een interactief scherm. Klik doorheen alle functionaliteiten en kom te weten waar je alle info terug kan vinden voor het meest efficiënte mobiliteitsbeheer.
App Buttons
Block
Case
Het wettelijk mobiliteitsbudget van Business & Decision
We spraken met Tine Vangrunderbeek, Mobility Manager van Business & Decision over de implementatie van het wettelijk mobiliteitsbudget en hun ervaring met dit fiscaal voordelig kader.
Olympus betekent voor ons absolute tijdbesparing
Case
Het wettelijk mobiliteitsbudget van Business & Decision
We spraken met Tine Vangrunderbeek, Mobility Manager van Business & Decision over de implementatie van het wettelijk mobiliteitsbudget en hun ervaring met dit fiscaal voordelig kader.
Olympus betekent voor ons absolute tijdbesparing
FAQ Block
Wat men ons vraagt
Veelgestelde vragen
Onze mobiliteitsdienst wordt vertrouwd door meer dan 900.000 gebruikers. Deze bedrijven zijn alvast mee
Een collapse is een component dat inhoud toont of verbergt wanneer je erop klikt. Handig voor FAQ’s, extra uitleg, of om visuele clutter te vermijden.
Een collapse is een component dat inhoud toont of verbergt wanneer je erop klikt. Handig voor FAQ’s, extra uitleg, of om visuele clutter te vermijden.
Een collapse is een component dat inhoud toont of verbergt wanneer je erop klikt. Handig voor FAQ’s, extra uitleg, of om visuele clutter te vermijden.