Kies een thema
Waarom eerst? Het thema bepaalt de inhoud, de toon én welk soort beeld je nodig hebt. Zonder thema zwerf je doelloos in de stijlgids.
Animatie
Een 90-seconden animatievideo die de volledige visuele identiteit van Eurabo demonstreert.
Bekijk de 90-seconden animatievideo online op styleguide.eurabo.be
Logo voor web
Logo's voor schermgebruik.
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: 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
Hex: #F5F6F6
RGB: 245 - 246 - 246
Cararra
Hex: #EAEAE3
RGB: 234 - 234 - 227
Hex: #EAEAE3
RGB: 234 - 234 - 227
Tide
Hex: #BDB9AF
RGB: 189 - 185 - 175
Hex: #BDB9AF
RGB: 189 - 185 - 175
Natural Gray
Hex: #8F8F88
RGB: 143 - 143 - 136
Hex: #8F8F88
RGB: 143 - 143 - 136
Ironside Gray
Hex: #707068
RGB: 112 - 112 - 104
Hex: #707068
RGB: 112 - 112 - 104
Gray 20
Hex: #333333
RGB: 51 - 51 - 51
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
Sociale Media
Sociale Media
Mascottes voor web
Mascotte-vectorbestanden voor gebruik op het web. Beschikbaar in SVG voor scherpe weergave op elke schaal.
Illustratie voor web
Seizoensgebonden illustraties op basis van het boomhut-thema. Beschikbaar als PNG voor gebruik in digitale toepassingen.
Fotomateriaal voor web
Seizoensfoto's in RGB voor gebruik op het web, beschikbaar met en zonder Eurabo-logo.
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?).
Kies het juiste formaat
1080×1080
FB / LI
FB / LI
1200×628
Ads
Ads
1080×
1350
IG feed
1350
IG feed
1080×
1920
Story
1920
Story
Waarom nu? Het formaat bepaalt je canvas. Een vierkant heeft niet dezelfde compositie als een story. Beslis dit vóór je begint te ontwerpen.
Kies je beeldtype
Waarom keuze? De briefing vraagt meer vrijheid: soms mag het beeld zelf "spreken" zonder tekst. Niet elke post hoeft hetzelfde recept te volgen.
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.
Plaats je tekst (typografie)
Heading — Proxima Nova Condensed
Body — Proxima Nova Regular. Voor doorlopende tekst: 16px / 24px regelafstand.
✓ 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.
Voeg sfeerelementen toe
Waarom optioneel? Elementen zijn versiering, geen verplichting. De briefing vraagt vrijheid: een rustige post zonder ruis kan ook krachtig zijn.
Plaats het logo
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
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
LinkedIn
Vierkant
1080 × 1080 px
1:1
1:1
Advertentie
1200 × 628 px
Ads
Ads
Facebook
Vierkant
1080 × 1080 px
1:1
1:1
Advertentie
1200 × 628 px
Ads
Ads
Instagram
Feed portret
1080 × 1350 px
of 1080 × 1440 px
of 1080 × 1440 px
Stories
1080 × 1920 px
9:16
9:16
Reels
1080 × 1920 px
9:16
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.
Dit deel bundelt alle richtlijnen voor gedrukte toepassingen: van logo's en kleuren tot typografie, illustraties en specifieke drukwerken zoals banners en voertuigbelettering. Gebruik steeds de CMYK- en Pantone-waarden bij het aanleveren van bestanden aan een drukker.
Logo voor print
Logo's voor geprinte media.
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).
- 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: 0, 12, 13, 2
- PMS: 705 C
- Dark green
- CMYK: 89, 0, 3, 71
- PMS: 316 C
- Ocean green
- CMYK: 58, 0, 33, 30
- PMS: 7724 C
- Light Green
- CMYK: 19, 0, 58, 1
- PMS: 388 C
- Shakespeare
- CMYK: 60, 7, 0, 21
- PMS: 631 C
- Sunglow
- CMYK: 0, 23, 78, 0
- PMS: 122 C
- Orange
- CMYK: 0, 56, 73, 5
- PMS: 1645 C
- White Smoke
- CMYK: 0, 0, 0, 4
- PMS: Cool Gray 1 C
- Cararra
- CMYK: 0, 0, 3, 8
- PMS: 7527 C
- Tide
- CMYK: 0, 2, 8, 26
- PMS: 7535 C
- Natural Gray
- CMYK: 0, 0, 5, 44
- PMS: 423 C
- Ironside Gray
- CMYK: 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
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 print
Proxima Nova
Voor doorlopende tekst in printmedia wordt gebruik gemaakt van Proxima Nova.
Voor headings is dat Proxima Nova Condensed (http://www.marksimonson.com/fonts/view/proxima-nova).
Headings Proxima Nova
Paragraphs Proxima Nova
Proxima Nova 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.
Proxima Nova Regular 14px / 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.
Myriad Pro
Voor Office toepassingen zoals Word, Excel en PowerPoint wordt gebruik gemaakt van Myriad Pro als alternatief printlettertype.
Headings Myriad Pro
Myriad Pro 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.
Myriad Pro Regular 14px / 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.
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 print
Voor printmedia worden dezelfde iconen uit de iconenset Phosphor gebruikt, maar dan als vectorbestanden (SVG of PDF) voor scherpe weergave op elke schaal.
Lege shopping cart
Catalogus / Flyer
Promoties
Catalogus / Flyer
Storefront
Catalogus
PDF Bestand
Productfiches
Planadvies
Brochure / Diensten
Berekening / Prijsofferte
Brochure / Diensten
Transport
Brochure / Diensten
Verhuur materiaal
Brochure / Diensten
Schaaf- en zaagwerk
Brochure / Diensten
Locatie
Briefpapier / Visitekaartje
Opleidingen
Brochure / Opleidingen
Mascottes voor print
Mascotte vectorbestanden voor gebruik in printmedia. Gebruik steeds de SVG versie voor scherpe weergave op elke schaal.
Illustratie voor print
Illustraties voor gebruik in printmedia (CMYK, 300 dpi).
Fotomateriaal voor print
Foto's gebruikt voor Eurabo in printmedia (CMYK). Gebruik steeds de hoogste resolutie versie (min. 300 dpi) voor kwalitatieve druk.
Banner voor print
Banners en buitenreclame in CMYK voor gebruik in printmedia. Gebruik steeds de hoogste resolutie versie (min. 300 dpi) voor kwalitatieve druk.
Voertuigen voor print
Voertuigbelettering en wagenvloot in CMYK voor gebruik in printmedia.
