Stijlgids Eurabo

Animatie

Een 90-seconden animatievideo die de volledige visuele identiteit van Eurabo demonstreert.

Bekijk de 90-seconden animatievideo online op styleguide.eurabo.be

Open animatie in volledig scherm

Logo voor web

Logo's voor schermgebruik.

logo EURABO nederlands

Kleuren voor web

Kleurcodes voor Eurabo in Hex en RGB waarden. Er zijn 4 rood-waarden die veelvuldig worden gebruikt voor het beklemtonen van het merk Eurabo (logo, vlaggen, hoofdingen, briefhoofden, etc...). Deze kleurwaarden zijn afkomstig van het logo. Daarnaast zijn er een verzadigd geel en helblauw in combinatie met grijstinten voor de representatie van natuur en natuurelementen (zon, groen, lucht & water, aarde en steen).

Cioccolato
Hex: #571D0C
RGB: 87 - 29 - 12

Tabasco
Hex: #A02816
RGB: 160 - 40 - 22

Pomegranate
Hex: #EE3124
RGB: 238 - 49 - 36

Pink
Hex: #FADCD9
RGB: 250 - 220 - 217 Sep 2026Voorheen ~~75 - 179 - 118~~

Dark green
Hex: #084A48
RGB: 8 - 74 - 72

Ocean green
Hex: #4BB376
RGB: 75 - 179 - 118

Light Green
Hex: #CEFD6A
RGB: 206 - 253 - 106

Shakespeare
Hex: #51BCCA
RGB: 81 - 188 - 202

Sunglow
Hex: #FEC337
RGB: 253 - 195 - 55

Orange
Hex: #F16942
RGB: 241 - 105 - 66

White Smoke
Hex: #F5F6F6
RGB: 245 - 246 - 246

Cararra
Hex: #EAEAE3
RGB: 234 - 234 - 227

Tide
Hex: #BDB9AF
RGB: 189 - 185 - 175

Natural Gray
Hex: #8F8F88
RGB: 143 - 143 - 136

Ironside Gray
Hex: #707068
RGB: 112 - 112 - 104

Gray 20
Hex: #333333
RGB: 51 - 51 - 51

Gradients voor web

CSS-gradients opgebouwd uit de Eurabo-kleurenpaletten. Alle waarden zijn beschikbaar als linear-gradient voor gebruik in web- en UI-toepassingen.

Rood
135deg — #571D0C → #EE3124

Rood → Roze
135deg — #EE3124 → #FADCD9

Rood → Donker
135deg — #EE3124 → #333333

Groen
135deg — #084A48 → #CEFD6A

Groen → Blauw
135deg — #4BB376 → #51BCCA

Lente
135deg — #CEFD6A → #FEC337

Zonnig
135deg — #FEC337 → #F16942

Neutraal
135deg — #F5F6F6 → #333333

Geïnspireerd op de illustraties

Lente — Lucht & Groen
135deg — #6DB9C9 → #B3CE5F

Lente — Bloesem
135deg — #EFB65C → #F1D09B

Zomer — Groen & Lucht
135deg — #0DBE4F → #6EBBCE

Zomer — Goud & Groen
135deg — #ECB85D → #0DBE4F

Herfst — Roest & Amber
135deg — #C6492D → #F09D36

Herfst — Oranje
135deg — #E36432 → #F0B358

Winter — IJsblauw & Zilver
135deg — #5FA6AF → #D1D1C6

Winter — Grijs & Teal
135deg — #555755 → #6CB3C2

Seizoenen — mesh gradients

Winter
Crème → Zilver → Grijs

Lente
Teal → Groen → Donker groen

Zomer
Geel → Oranje → Roze

Herfst
Roze · Blauw · Amber · Oranje

Typography voor web

Proxima Nova

Gebruikt voor doorlopende tekst op het web. Beschikbaar in Regular, Bold en Light. (marksimonson.com)

Light — Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Regular — Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Bold — Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Italic — Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Regular 16px / 24px — Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic quibusdam ratione sunt dolorum, qui illo maxime doloremque accusantium cum libero eum, a optio odio placeat debitis ullam aut non distinctio.

Regular 14px / 22px — Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic quibusdam ratione sunt dolorum, qui illo maxime doloremque accusantium cum libero eum, a optio odio placeat debitis ullam aut non distinctio.

Proxima Nova Condensed

Gebruikt voor headings en titels op het web. Geeft een krachtige, compacte uitstraling.

Semibold — Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Myriad Pro

Gebruikt als alternatief lettertype voor Office-toepassingen zoals Word, Excel en PowerPoint.

Regular — Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Bold — Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Italic — Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Regular 16px / 24px — Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic quibusdam ratione sunt dolorum, qui illo maxime doloremque accusantium cum libero eum, a optio odio placeat debitis ullam aut non distinctio.

Regular 14px / 22px — Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic quibusdam ratione sunt dolorum, qui illo maxime doloremque accusantium cum libero eum, a optio odio placeat debitis ullam aut non distinctio.

Nunito

Google Font als gratis alternatief voor digitale toepassingen zonder licentie. Beschikbaar via Google Fonts.

Light — Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Regular — Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Bold — Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Italic — Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Regular 16px / 24px — Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic quibusdam ratione sunt dolorum, qui illo maxime doloremque accusantium cum libero eum, a optio odio placeat debitis ullam aut non distinctio.

Regular 14px / 22px — Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic quibusdam ratione sunt dolorum, qui illo maxime doloremque accusantium cum libero eum, a optio odio placeat debitis ullam aut non distinctio.

Iconen voor web

Doorheen de site worden telkens dezelfde familie van iconen gebruikt uit de iconenset Phosphor (https://phosphoricons.com/). Deze iconenset is gratis te gebruiken voor zowel commercieel als niet-commercieel gebruik. De iconen zijn beschikbaar in verschillende formaten (SVG, PNG, EPS, PDF en Webfont).

Lege shopping cart
Webshop

Promoties
Webshop

Storefront
Webshop

Product verwijderen
Webshop

Document attachment
Webshop

Zoeken
Webshop / Navigatie

Ga naar product
Webshop / Navigatie

Home
Navigatie

Plus/Toevoegen
Webshop

PDF Bestand
Webshop / Producten

Planadvies
Diensten / Services

Berekening / Prijsofferte
Diensten / Services

Transport
Webshop / Services

Verhuur materiaal
Diensten / Services

Schaaf- en zaagwerk
Diensten / Services

Nieuwsbrief
Nieuwsbrief

Lexicon
Lexicon

Gebruiker/User
Profiel pagina

Locatie
Contact page

Opleidingen
Opleidingen

Instagram
Sociale Media

Facebook
Sociale Media

Mascottes voor web

Mascotte-vectorbestanden voor gebruik op het web. Beschikbaar in SVG voor scherpe weergave op elke schaal.

Verkoop

download Verkoop SVG

Opleiding

download Opleiding SVG

Op maat

download Op Maat SVG

Sociale Media voor web

Richtlijnen voor gebruik van het merk Eurabo op sociale mediakanalen (Instagram, Facebook & LinkedIn).

Workflow: een post stap voor stap opbouwen

Deze workflow leidt je in 8 stappen door het maken van een Eurabo social media post. Elke stap haalt info uit twee bronnen: de briefing (wat moet erin?) en de stijlgids (hoe ziet het eruit?).

1 Bron: briefing

Kies een thema

Team in de kijker groepsfoto of portretten van de website
Product in de kijker sfeerbeeld of productfoto
Testimonials projectbeeld of quote
Blogposts
Achter de schermen
Tips & Tricks

Waarom eerst? Het thema bepaalt de inhoud, de toon én welk soort beeld je nodig hebt. Zonder thema zwerf je doelloos in de stijlgids.

2 Bron: briefing

Kies het juiste formaat

1080×1080
FB / LI

1200×628
Ads

1080×
1350
IG feed

1080×
1920
Story

LinkedIn / FacebookSquare 1080×1080 · Ads 1200×628
Instagram feedPortrait 1080×1350 of 1080×1440
Stories & Reels1080×1920

Waarom nu? Het formaat bepaalt je canvas. Een vierkant heeft niet dezelfde compositie als een story. Beslis dit vóór je begint te ontwerpen.

3 Bron: stijlgids

Kies je beeldtype

Fotoproductfoto of sfeerbeeld — uit de bibliotheek of seizoensfotomateriaal
Illustratieseizoensillustatie: lente, zomer, herfst of winter
MascotteVerkoop, Opleiding of Op maat
Tekst-only / typografielaat het beeld rusten en speel met type

Waarom keuze? De briefing vraagt meer vrijheid: soms mag het beeld zelf "spreken" zonder tekst. Niet elke post hoeft hetzelfde recept te volgen.

4 Bron: stijlgids

Kies kleuren & gradient

Hoofdpalet (rood, uit het logo):

Natuur & accent:

Of gebruik een gradient:

Rood

Groen

Lente

Zonnig

Waarom uit het palet? Eigen kleuren raden? Nooit doen. Het palet is wat Eurabo herkenbaar maakt — gebruik het altijd, zelfs voor één kleurvlak.

5 Bron: stijlgids

Plaats je tekst (typografie)

Heading — Proxima Nova Condensed

Body — Proxima Nova Regular. Voor doorlopende tekst: 16px / 24px regelafstand.

Headings: Proxima Nova Condensed Semibold
Body: Proxima Nova Regular / Light
Office (PPT, Word): Myriad Pro
Geen licentie? Nunito (gratis op Google Fonts)

✓ Wel: gradient met verloop naar transparant op een druk beeld om tekst leesbaar te maken

✗ Niet: afgeronde kadertjes — die mogen weg, dat oogt frisser

Waarom vaste fonts? Lettertype is, samen met kleur, het sterkste herkenningssignaal. Wissel je daarvan af, dan oogt elke post als een ander merk.

6 Bron: stijlgids

Voeg sfeerelementen toe

Phosphor iconenéén iconfamilie — nooit mixen met andere stijlen
Eurabo bladjeklein accent — uit het favicon-mapje
Mascotteals de boodschap erom vraagt (verkoop, opleiding, op maat)
Losse decoratieve elementenkleine accenten voor speelsheid en herkenbaarheid

Waarom optioneel? Elementen zijn versiering, geen verplichting. De briefing vraagt vrijheid: een rustige post zonder ruis kan ook krachtig zijn.

7 Bron: stijlgids

Plaats het logo

Witte achtergrond?Kleurlogo gebruiken
Donkere of foto-achtergrond?Witte versie van het logo
Taal?NL of FR-variant — kies volgens doelpubliek
SVG > PNGSVG blijft scherp op elk formaat

Waarom op het einde? Eerst weet je hoe de achtergrond eruitziet, dan pas kies je tussen wit of kleur. Omgekeerd kies je gokkend en moet je het wisselen.

8

Eindcontrole

Check & exporteer

Past het beeld bij het briefing-thema?
Klopt het formaat voor het kanaal?
Alleen kleuren uit het Eurabo-palet?
Juiste lettertype (Proxima Nova / Nunito)?
Geen afgeronde kadertjes?
Logo zichtbaar en leesbaar?
Tekst contrasteert genoeg met de achtergrond?
Exporteer als JPG of PNG en publiceer

Thema's

Elke post valt onder één van deze zes contenttypes. Het thema bepaalt het beeldmateriaal en de toon.

Team in de kijker Groepsfoto of portret van een medewerker van de website

Product in de kijker Sfeerfoto of productfoto — van inspirerend tot informatief

Testimonial Projectfoto of quote van een klant

Blogpost Visuele teaser voor een artikel op de website

Achter de schermen Authentieke beelden van de werking en het bedrijf

Tips & Tricks Praktisch advies of kennisdeling voor de doelgroep

Voorbeelden

Exploratieve postvoorbeelden per seizoen en per contenttype, als visuele inspiratie voor de opmaak.

Seizoensgebonden exploraties: lente, zomer, herfst en winter

Sociale media voorbeelden per contenttype

Contenttypes: opleidingen, vacatures, machines en producten

Opmaak richtlijnen

Posts kunnen variëren van volledig beeld (zonder tekst) tot tekst op beeld. Uniformiteit wordt bewaard via gradients en losse brandingselementen.

✓ Doen

Gradients gebruiken als verbindend element
Losse decoratieve elementen toevoegen
Beelden laten spreken zonder tekst
Gradient met transparantie op drukke beelden
Video of bewegende elementen integreren
Tekst in Proxima Nova, zonder achtergrondkader

✗ Vermijden

Afgeronde kadertjes achter tekst
Stijf, opgeblokt tekstblok op beeld
Kleuren buiten het Eurabo-palet
Logo verkleurd, vervormd of te klein
Tekst moeilijk leesbaar op druk beeld

Formaten per platform

Vierkant 1080 × 1080 px
1:1

Advertentie 1200 × 628 px
Ads

Facebook

Vierkant 1080 × 1080 px
1:1

Advertentie 1200 × 628 px
Ads

Instagram

Feed portret 1080 × 1350 px
of 1080 × 1440 px

Stories 1080 × 1920 px
9:16

Reels 1080 × 1920 px
9:16

Tip: Gebruik steeds de RGB/SVG-versie van het logo voor digitale kanalen. Twijfel over kleurgebruik of layout? Stuur ter goedkeuring naar info@eurabo.be.

Logo voor print

Logo's voor geprinte media. Zelfde ontwerp als de webversie, maar deze bestanden zijn CMYK-voorbereid voor drukwerk — gebruik ze in plaats van de RGB-bestanden zodra een ontwerp naar de drukker gaat.

logo EURABO nederlands

logo EURABO français

download witte versie

download witte versie

Kleuren voor print

Kleurcodes voor Eurabo in CMYK en Pantone waarden. Er zijn 4 rood-waarden die veelvuldig worden gebruikt voor het beklemtonen van het merk Eurabo (logo, vlaggen, hoofdingen, briefhoofden, etc...). Deze kleurwaarden zijn afkomstig van het logo. Daarnaast zijn er een verzadigd geel en helblauw in combinatie met grijstinten voor de representatie van natuur en natuurelementen (zon, groen, lucht & water, aarde en steen).

De CMYK-waarden in deze gids gelden voor gestreken papier (ISO Coated v2 / FOGRA39). Lees de kleurinstellingen voor print onderaan voor je een bestand aanmaakt.

Cioccolato
CMYK: 21, 80, 81, 69
PMS: 483 C

Tabasco
CMYK: 8, 92, 100, 33
PMS: 484 C

Pomegranate
CMYK: 0, 95, 100, 0
PMS: 485 C

Pink
CMYK: 4, 18, 12, 0 Sep 2026Voorheen ~~0, 12, 13, 2~~
PMS: 705 C

Dark green
CMYK: 94, 36, 56, 59 Sep 2026Voorheen ~~89, 0, 3, 71~~
PMS: 316 C

Ocean green
CMYK: 69, 1, 67, 3 Sep 2026Voorheen ~~58, 0, 33, 30~~
PMS: 7724 C

Light Green
CMYK: 25, 0, 67, 0 Sep 2026Voorheen ~~19, 0, 58, 1~~
PMS: 388 C
Deze kleur valt buiten het CMYK-bereik en oogt in CMYK doffer dan op scherm. Gebruik bij voorkeur de Pantone-waarde.

Shakespeare
CMYK: 64, 3, 22, 1 Sep 2026Voorheen ~~60, 7, 0, 21~~
PMS: 631 C

Sunglow
CMYK: 2, 27, 88, 0 Sep 2026Voorheen ~~0, 23, 78, 0~~
PMS: 122 C

Orange
CMYK: 0, 71, 80, 1 Sep 2026Voorheen ~~0, 56, 73, 5~~
PMS: 1645 C

White Smoke
CMYK: 0, 0, 0, 4
PMS: Cool Gray 1 C

Cararra
CMYK: 0, 0, 5, 11 Sep 2026Voorheen ~~0, 0, 3, 8~~
PMS: 7527 C

Tide
CMYK: 0, 0, 10, 36 Sep 2026Voorheen ~~0, 2, 8, 26~~
PMS: 7535 C

Natural Gray
CMYK: 0, 0, 10, 57 Sep 2026Voorheen ~~0, 0, 5, 44~~
PMS: 423 C

Ironside Gray
CMYK: 0, 0, 10, 71 Sep 2026Voorheen ~~0, 0, 7, 56~~
PMS: 417 C

Gray 20
CMYK: 0, 0, 0, 80
PMS: Black 7 C

Gradients voor print

Gradients opgebouwd uit de Eurabo CMYK-kleurenpaletten voor gebruik in printmedia.

Rood
PMS 483 C → PMS 485 C

Rood → Roze
PMS 485 C → PMS 705 C

Rood → Donker
PMS 485 C → Black 7 C

Groen
PMS 316 C → PMS 388 C

Groen → Blauw
PMS 7724 C → PMS 631 C

Lente
PMS 388 C → PMS 122 C

Zonnig
PMS 122 C → PMS 1645 C

Neutraal
Cool Gray 1 C → Black 7 C