HOOFDSTUK 2
HUISSTIJL & DESIGN SYSTEEM
Design systeem
De visuele identiteit is het hart van het design systeem van de Rotterdam Academy en bestaat uit een aantal elementen die samen een eenheid vormen. Ze vormen een geheel van bouwstenen waarmee alle mogelijke uitingen kunnen worden gecreeerd. Dit betekent dat ze strikt moeten worden toegepast om een consequent beeld te vormen van de identiteit van de Rotterdam Academy.
De vormgeving bestaat uit de volgende elementen:
• Kleur
• Logo
• Typografie
• Fotografie
• Illustratie (iconen)
Aangezien de huisstijl vrij minimalistisch is qua opzet is het van belang deze elementen zorgvuldig toe te passen. In het volgende hoofdstukken worden alle elementen toegelicht en voorzien van basis richtlijnen.
2.1 Kleur
Primair
Blauw is de onderscheidende kleur van de Rotterdam Academy. Samen met zwart en wit vormt deze de basis van het kleurpalet.
Secundair
Deze kleuren worden functioneel ingezet.
RAC blauw
CMYK 85/0/10/0
RGB 60/170/215
WEB #3CAAD7
PANTONE 306 / 312
VERF NSC S1060-B
Zwart
>CMYK 0/0/0/100
RGB 0/0/0
WEB #000000
Wit
CMYK 0/0/0/0
RGB 255/255/255
WEB # FFFFFF
Hogeschool Rood*
CMYK 12/100/64/2
RGB 211/16/76
WEB #D3104C
*organisatie/ studie inhoudelijk
Hogeschool Geel*
CMYK 0/30/90/0
RGB 255/185/16
WEB #FFB910
*Call to Action (CTA)
Grijs
CMYK 0/0/0/8
RGB 240/240/240
WEB #F0F0F0
*highlighten tabellen/kader
Kleurgebruik
Het kleurgebruik bij drukwerk respecteert de re- gels m.b.t. kleuren zoals eerder aangegeven. De primaire en meest onderscheidende kleur is het RAc blauw. Deze dient bij gebruik ook de over- hand te voeren.
De verhoudingen van de kleuren onderling wordt weergegeven in de cirkeldiagram hiernaast.
De kleur wit is een uitzondering en kan ook als achtergrond worden gebruikt voor een pagina. Dit is een basiskleur die functioneel is m.b.t. leesbaarheid.
Let op: Het is niet noodzakelijk / de bedoeling alle kleuren te gebruiken op 1 pagina of binnen één ontwerp. Kies liever 1 of 2 kleuren.
2.3 Typografie
DIN Condensed Bold
Dit is de huisstijlletter van de Rotterdam Academy.
Functie
Deze wordt met name gebruikt voor korte koppen en quotes, die als functie hebben een sterke boodschap
of kernwaarde over te brengen. We spreken hierbij van merkversterkende of -onderbouwende teksten. Deze letter wordt dus niet gebruikt voor leesteksten of algemene informatie. Hiervoor gebruiken we de Poppins (zie volgende pagina’s).
Gebruik
De koppen zijn linkslijnend of gecentreerd. Verder zijn er drie regels die we toepassen:
1. alles in kapitalen (hoofdletters)
2. korte regelafstand (90% van de lettergrootte*)
3. alleen korte teksten
* Bij een letter van 100pt., is de regelafstand 90pt. Bij 60pt, is de regelafstand 54pt, etc. Zo onstaan er stevige, compacte tekstblokken.
Do’s & dont’s
DIN typografie
Poppins
Poppins is de huisstijlletter van de Hogeschool Rotterdam overkoepelend. Deze wordt voor alle leesteksten, informatie, etc. gebruikt. Deze is licentie-vrij en gratis te downloaden via Google Fonts.
De toepassing is standaard en gericht op optimale leesbaarheid:
Uitlijning
Tekst is primair linkslijnend.
Kapitalen en onderkast
We gebruiken alleen beginkapitalen, dus geen volledige zinnen in hoofdletters. Uitzondering hierop zijn de CTA’s (call to action) in buttons, die mogen volledig in kapitalen.
Voorbeelden
Poppins typografie
2.3 Logo
Het logo bestaat uit twee onderdelen;
– het beeldmerk van de Hogeschool Rotterdam
– de toevoeging ‘Rotterdam Academy Associate degrees’. Er zijn drie aantal varianten van het logo:
Links- / rechtslijnend
Gebruik bij voorkeur het logo linkslijnend, indien dit in de opmaak niet mogelijk is kan het logo rechtslijnend gebruikt worden. Let op: bij het rechtslijnende logo staat het beeldmerk rechts en is de tekst ook rechtslijnend.
Zwart / wit
Het logo met zwarte tekst gebruiken we bij op een witte of lichte ondergrond. Het logo met witte tekst gebruiken we op een donkere of blauwe ondergrond. Ook op foto’s bij voorkeur het witte logo.
Normaal / klein
Voor klein gebruik van het logo (bijv. social media) is er een vereenvoudige versie met alleen de ‘R’ in rode beeldmerk (dus zonder ‘Hogeschool Rotterdam’).
DOWNLOAD HIER HET LOGO SET
2.4 Fotografie & film
Beeldbank
Rotterdam Academy werkt met/aan een eigen beeldbank. Liever gebruiken we geen stockbeelden, want deze zijn generieker en voelen afstandelijk waardoor het moeilijker is de merkwaarden te communiceren.
Er zijn een aantal verschillende sets binnen de beeldbank, hierna volgt een selectie daar uit.
Fotografie
Selectie studioportretten (2015/2016)
Selectie portretten stad (2022)
Selectie studioportretten (2022)
Selectie portretten stad (2022)
2.5 Iconen
Beeldbank
Mbt illustraties en animaties zijn er (Hogeschoolbreed) geen vaste richtlijnen. Wel is er een duidelijke voorkeur om het eenvoudig en uniform te houden. Iconen zijn hiervoor een ideale oplossing. Ze zijn vaak universeel, functioneel en informatief. Ook blijven ze bij klein gebruik goed leesbaar. Denk voor toepassingen aan bewegwijzering, infographics, maar zeker ook Social Media, met een veelheid aan beelden en berichten. Door te kiezen voor iconen oogt het geheel een stuk rustiger.
Kleur
Regels voor kleurgebruik zijn hetzelfde als bij de andere onderdelen.
Stijl
Heldere, open illustraties (lijnen, geen vlakken)
Bron
Een goede bron voor iconen is The Noun Project. Dit is een open-source initiatief waar je gratis iconen kunt downloaden
