Logo voor web

Logo's voor schermgebruik.

logo EURABO nederlands

logo EURABO français

download witte versie

download witte versie

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

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

Typography voor web

Proxima Nova

Voor doorlopende tekst, wordt gebruik gemaakt van het Proxima Nova lettertype.
Voor headings is dat Proxima Nova Condensed (http://www.marksimonson.com/fonts/view/proxima-nova).

Headings Proxima Nova

Headings worden gebruikt om verschillende secties tekst te onderscheiden, meestal bestaande uit verscheidene paragrafen en andere HTML elementen. Headings gaan van h1 tot h6 en zijn hiërarchisch opgemaakt (van groot naar kleiner lettertypes).

H1: Proxima Nova Cond 48px / 58px

H2: Proxima Nova Cond 40px / 56px

H3: Proxima Nova Cond 30px / 43px

H4: Proxima Nova Cond 25px / 35px

H5: Proxima Nova Cond 20px / 28px

H6: Proxima Nova Cond 16px / 22px

Paragraphs Proxima Nova

Paragrafen zijn groepen van zinnen, elk met een lead (een eerste zin) en een transitie (laatste zin). Dit zijn block elementen, dit wil zeggen dat ze op elkaar verschijnen wanneer ze verticaal herhaald worden.

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. 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. 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.

Google font Nunito

Voor de Office toepassingen zoals Word, Excel, PowerPoint en andere, wordt gebruik gemaakt van een niet betalend alternatief Google font Nunito.
https://fonts.google.com/specimen/Nunito

Headings Nunito

Headings worden gebruikt om verschillende secties tekst te onderscheiden, meestal bestaande uit verscheidene paragrafen en andere HTML elementen. Headings gaan van h1 tot h6 en zijn hiërarchisch opgemaakt (van groot naar kleiner lettertypes).

H1: Nunito 48px / 58px

H2: Nunito 40px / 56px

H3: Nunito 30px / 43px

H4: Nunito 25px / 35px

H5: Nunito 20px / 28px

H6: Nunito 16px / 22px

Nunito 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. 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.

Nunitor 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. 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).

Icoon	Naam	Pagina Web site
	Lege shopping card	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