Huisstijl

Zet je als medewerker een website op die kadert binnen je opdracht aan onze hogeschool, gebruik dan de huisstijl van de Arteveldehogeschool.

Het algemeen huisstijlhandboek vind je op Dinar (zoek op ‘huisstijl’). Deze site helpt je op weg om de huisstijl toe te passen specifiek op een website.


Kleuren

Hex-code van huisstijlkleuren

Kleuren worden online uitgedrukt via HEX-codes. Vaak krijg je naast keuze uit een basispalet ook de mogelijkheid om zelf een kleur te kiezen. In dat geval kies je voor onderstaande HEX-waarden die overeenstemmen met het kleurenpalet van de huisstijl.

Basiskleuren

  • Wit: #ffffff
  • Zwart: #000000
  • Donkergrijs: #777777
  • Middengrijs: #AAAAAA
  • Lichtgrijs: #DDDDDD

Accentkleuren

  • Oranje: #ee9900
  • Blauw: #00aacc
  • Fuchsia: #cc0077
  • Groen: #bbcc00

Kleurgebruik

Basiskleur
De basiskleur voor de achtergrond van je website is wit. Als basiskleur voor tekst kies je zwart.

Accentkleuren
Oranje, blauw, fuchsia en groen zijn de accentkleuren, waarvan oranje de belangrijkste is. Deze accentkleuren kan je gebruiken voor titels en grafische elementen (lijntjes, kaders enzovoort).

Opgelet: Wees spaarzaam in het gebruik van de accentkleuren. Je hoeft ze niet allemaal te gebruiken, zeker niet in combinatie met elkaar.

Alternatieve accentkleuren
Kan je de kleuren niet vrij kan kiezen in je webtool, beperk je dan best tot grijstinten. Door de kleurenversie van ons logo toe te voegen, zal je site er meteen een stuk meer volgens de huiststijl uitzien.



Lettertype

De corporate website en de Drupal-template voor projectsites gebruiken het lettertype Source Sans. Dit lettertype is echter niet in elke webtool beschikbaar.
Als alternatief kan je kiezen voor:

  • Calibri, eveneens een huisstijllettertype en ook geschikt voor online toepassingen
  • Open Sans, te gebruiken in o.a. Weebly en Wix

Logo

Gebruik van het logo

Bouw je een site in het kader van een project verbonden aan de Arteveldehogeschool, laat dat de buitenwereld ook weten en door ons logo op de site te plaatsen. Gebruik een webversie van ons logo, die je hieronder kan downloaden.

We beschikken over 3 soorten logo’s met elk zijn specifieke toepassingen:

  • Standaard logo in kleur: dit logo is het meest aanbevolen. Gebruik het altijd op een witte (of lichtgrijze) achtergrond.
  • Liggend logo in kleur: wordt gebruikt op de projectsite (zie rechtsboven) wegens beperkte beschikbare ruimte. Wil je ook deze versie gebruiken, plaats het logo dan ook op een witte (of lichtgrijze) achtergrond.
  • Wit logo: wil je het logo op een foto (of eventueel op een gekleurde achtergrond) plaatsen, gebruik dan de witte versie

Download het logo

De drie logo’s zijn zowel te downloaden in een Nederlandstalige als in een Engelstalige versie:

  • standaard logo NL
  • liggend logo NL
  • wit logo NL

  • standaard logo EN
  • liggend logo EN
  • wit logo EN