Merkidentiteit
Welkom bij de ITGOIT Merkrichtlijnen
Bij ITGOIT maken we IT eenvoudig, betrouwbaar en uitzonderlijk voor iedereen, van individuen tot bedrijven en scholen. Ons merk is open en toegankelijk, toegewijd aan het soepel laten draaien van jouw digitale wereld.
Deze richtlijnen zijn jouw routekaart naar onze merkidentiteit, als de handleiding voor ons logo, kleuren, gradiënten en algehele sfeer. Door ze te volgen, blijft ITGOIT consistent, bruisend en trouw aan onze missie om hoogwaardige IT-diensten te leveren met een glimlach.
Als je onze merkmiddelen wilt gebruiken, zorg er dan voor dat ze overeenstemmen met deze richtlijnen en vraag goedkeuring aan via onze contactpagina. Beoordelingen duren doorgaans 3-5 weken. Laten we samen iets geweldigs bouwen!
Met vriendelijke groet, Het ITGOIT Merkteam
Onze merkmiddelen
Download onze merkkit of individuele logo's en symbolen voor jouw gebruik.
Logo
Logo
Constructie
De primaire versie van het ITGOIT-logo bestaat uit het symbool, genaamd IT Symbool, en het ITGOIT-woordmerk. Deze twee elementen zijn optisch in balans gebracht door de binnenruimtes van het woordmerk af te stemmen op het symbool.
Vrijruimte
Ons logo moet altijd ruimte hebben om te ademen: dit noemen we de vrijruimte. Dit voorkomt dat het verdwijnt of te vol oogt. De vrijruimte is gelijk aan de hoogte van de 'I' in het woordmerk.
Schaalbaarheid
Ons logo is ontworpen om te werken in verschillende formaten. De minimale symboolgrootte voor digitale toepassingen is 20px in hoogte om leesbaarheid te garanderen.
Gebruik
Het toepassen van het ITGOIT-logo begint met het begrijpen van onze merkaanwezigheid. Soms is het logo de hoofdrolspeler, soms ondersteunend. Het symbool kan worden losgekoppeld voor weergavegebruik.
Do's & Don'ts
Yes: Symbool en woordmerk samen gebruikt als ondertekening
Yes: Woordmerk alleen gebruikt voor weergavegebruik
No: Woordmerk zonder symbool gebruikt als ondertekening
No: Logo-vergrendeling gebruikt op weergavegrootte
Plaatsing
We plaatsen ons woordmerk op specifieke locaties om consistentie en flexibiliteit te garanderen.
Kleur
Primair op secundair
Primair op licht primair
Kleur op secundair
Secundair op primair
Licht primair op primair
Secundair op kleur
Over afbeeldingen
Ons woordmerk moet duidelijk leesbaar zijn over afbeeldingen. Zorg voor voldoende contrast en vermijd complexe achtergronden. Raadpleeg WCAG voor contrastrichtlijnen.
Do's & Don'ts
Yes: Logo heeft voldoende contrast met de achtergrond
Yes: Logo heeft voldoende contrast met de achtergrond
No: Plaatsing logo interfereert met drukke achtergrond
No: Niet genoeg contrast tussen logo en afbeelding
Contextueel gebruik
Op sociale media is het logo optioneel voor reguliere berichten, maar vereist voor belangrijke aankondigingen. Voor buitenreclame is het logo essentieel.
Horizontale partnervergrendeling
Het ITGOIT-logo kan horizontaal worden vergrendeld met partnerlogo's. De ruimte tussen logo's is gelijk aan 1,5x de kaphoogte van het woordmerk.
Verticale partnervergrendeling
Het ITGOIT-logo kan verticaal worden vergrendeld met partnerlogo's. De ruimte tussen logo's is gelijk aan 1,5x de kaphoogte van het woordmerk.
Optische aanpassing partnervergrendeling
Partnerlogo's kunnen optische aanpassingen nodig hebben om in balans te zijn met het ITGOIT-logo.
Logo don'ts
No: Rek of vervorm het logo niet
No: Draai het logo niet
No: Verander de uitlijning van het logo niet
No: Omlijn het logo niet
No: Verander de schaalsverhouding van symbool en woordmerk niet
No: Pas geen effecten toe zoals gloed of schaduwen
Symbool
Symbol
Overzicht
In specifieke gevallen kan het ITGOIT-logo worden teruggebracht tot het symbool, genaamd IT Symbool. Het meest prominente gebruik van het symbool alleen is in contexten waar groottebeperkingen het gebruik van het volledige woordmerk beperken, zoals app-iconen of sociale media-avatars. Ons symbool maakt het merk iconisch en flexibel.
Vrijruimte
Een bepaalde hoeveelheid ruimte is nodig rond het symbool om te voorkomen dat het rommelig wordt door omringende kunstwerken, afbeeldingen of de rand van een pagina. De minimale ruimte is een derde van de breedte van het symbool.
Schaalbaarheid
Het IT Symbool is ontworpen om te werken in verschillende formaten. De minimale symboolgrootte voor digitale toepassingen is 20px in hoogte om leesbaarheid te garanderen.
Horizontale vergrendeling
Het IT Symbool kan worden vergrendeld met logo's van partners en collaborateurs. De grootte van de elementen moet optisch worden aangepast om even groot te lijken. De ruimte tussen het symbool en het partnerlogo is de helft van de breedte van het symbool.
Uitlijning
Voor digitale toepassingen wordt het symbool vaak vergrendeld in een rechthoekige of ronde container. Het symbool moet mechanisch worden uitgelijnd voor balans en op maat worden gemaakt om een comfortabele hoeveelheid ruimte aan alle kanten te bieden.
Schaalbaarheid
Het IT Symbool is ontworpen om te werken in verschillende formaten. Het kleinste symboolicoon moet 30px hoog zijn om leesbaar te zijn.
Kleurcombinaties
Primair op transparant
Wit op primair
In gebruik
Een voorbeeld van het IT Symbool gebruikt als app-icoon of sociale media-avatar.
Symbool don'ts
No: Rek of vervorm het symbool niet
No: Kantel het symbool niet
No: Verander de samenstelling van het symbool niet
No: Omlijn het symbool niet
No: Gebruik geen gloedeffect op het symbool
No: Gebruik het symbool niet als masker
No: Pas geen schaduwen toe op het symbool
No: Gebruik geen niet-goedgekeurde kleurcombinatie op het symbool
No: Gebruik geen laag resolutie symbool
Typografie
Typography
Onze lettertypen
ITGOIT gebruikt twee op maat gemaakte lettertypen uit de Ginto-familie: Ginto ITGOIT Nord voor opvallende koppen en Ginto ITGOIT Medium voor kleinere tekst, zoals subkoppen en bijschriften. Deze lettertypen stellen ons merk in staat om naadloos te schakelen tussen gedurfde, boeiende uitingen en duidelijke, informatieve communicatie. Daarnaast wordt het lettertype GG Sans gebruikt binnen het ITGOIT-product. Raadpleeg de richtlijnen van het ITGOIT-product voor specifieke gebruiksdetails.
Aangepaste tekens
Geselecteerde tekens in onze lettertypen zijn verfijnd om de leesbaarheid op verschillende platforms te verbeteren. Gebruik altijd de aangepaste Ginto ITGOIT-lettertypen in plaats van de standaard Ginto-versies om zowel functionaliteit als visuele consistentie te garanderen.
Tekenreeks: Ginto ITGOIT Nord Bold
Dit gedeelte toont het tekenbereik van Ginto ITGOIT Nord Bold, dat alle Europese op Latijn gebaseerde talen ondersteunt, behalve die welke Griekse of Cyrillische scripts vereisen. Voor niet-Latijnse scripts (bijv. Mandarijn, Arabisch, Hebreeuws) moeten ontwerpers kiezen voor Noto Sans of het dichtstbijzijnde equivalent van Ginto ITGOIT Nord dat beschikbaar is in die taal.
Tekenreeks: Ginto ITGOIT Medium
Dit gedeelte toont het tekenbereik van Ginto ITGOIT Medium, dat alle Europese op Latijn gebaseerde talen omvat, behalve die welke Griekse of Cyrillische tekens nodig hebben. Voor niet-Latijnse scripts, gebruik Noto Sans of het dichtstbijzijnde equivalent van Ginto ITGOIT Medium.
Tekenreeks: Ginto ITGOIT Regular
Dit gedeelte benadrukt het tekenbereik van Ginto ITGOIT Regular, uitsluitend bedoeld voor digitale en producttoepassingen. Vermijd het gebruik van deze gewicht in merkboodschappen; kies in plaats daarvan voor Ginto ITGOIT Medium.
Gebruik van lettertypen
Om de levendige en toegankelijke identiteit van ITGOIT in balans te brengen met duidelijke boodschappen, kies lettertypen zorgvuldig: Gebruik Ginto ITGOIT Nord Bold voor impactvolle koppen. Gebruik Ginto ITGOIT Medium voor hoofdtekst, bijschriften en gedetailleerde tekst. Kies altijd voor aangepaste Ginto ITGOIT-lettertypen boven standaard Ginto-versies.
Hoofdlettergebruik
Zet Ginto ITGOIT Nord Bold in hoofdletters voor koppen voor consistentie. Gebruik titelcase of zinscase voor Ginto ITGOIT Medium, afhankelijk van de context, om de leesbaarheid te optimaliseren.
Regelafstand: Ginto ITGOIT Nord Bold
Houd de regelafstand strak, maar vermijd te losse of krappe instellingen. Raadpleeg voorbeelden voor richtlijnen.
Regelafstand: Ginto ITGOIT Medium
Zorg ervoor dat de regelafstand gemakkelijk leesbaar is en overlapping van stijgende en dalende letters vermijdt. Gebruik een gebalanceerde aanpak: niet te krap, niet te los.
Letterafstand: Ginto ITGOIT Nord Bold
Voor koppen, volg een driestapsproces: begin met standaardafstand, pas -3% tracking toe, en kern vervolgens voor gelijkmatige afstand. Gebruik strakke letterafstand voor groot lettertype, losser voor kleiner lettertype.
Letterafstand: Ginto ITGOIT Medium
Pas hetzelfde driestapsproces toe als bij Nord Bold, en zorg voor gebalanceerde afstand voor leesbaarheid.
Uitlijning: Ginto ITGOIT Nord Bold
Lijn tekst links of gecentreerd uit voor ITGOIT-communicatie. Vermijd rechtsuitlijning of geforceerde justificatie.
Uitlijning: Ginto ITGOIT Medium
Lijn tekst links of gecentreerd uit voor ITGOIT-communicatie. Vermijd rechtsuitlijning of geforceerde justificatie.
Ragging
Ragging verwijst naar de visuele rand van een tekstblok. Maak ragging glad door regelafbrekingen aan te passen om een schone, leesbare rand te creëren, en vermijd weduwen en ongelijke regels.
Grootte
Gebruik niet meer dan twee lettergroottes, afgeleid door een basismmaat te verdubbelen of te halveren (bijv. 25pt naar 50pt). Voor productontwerp kunnen lettergroottes dichter bij elkaar liggen. Groot lettertype moet de ruimte vullen; klein lettertype moet onderaan een ruimte hebben gelijk aan een of meer regels.
Typografie don'ts
No: Vermijd het samenpersen of verlengen van lettertypen.
No: Gebruik Ginto ITGOIT Medium niet voor koppen of Nord Bold voor hoofdtekst.
No: Koppen moeten in hoofdletters zijn, niet in zinscase.
No: Houd je aan goedgekeurde Ginto ITGOIT-gewichten.
No: Gebruik alleen Ginto ITGOIT-lettertypen, geen andere.
No: Vermijd het markeren van tekst met meerdere kleuren.
No: Houd typografie rechtop, niet gekanteld.
No: Gebruik alleen goedgekeurde verlopen, geen andere effecten.
No: Vermijd het omlijnen van tekst.
Back-up lettertype: Montserrat
Gebruik Montserrat Extra Bold voor koppen wanneer Ginto ITGOIT Nord niet beschikbaar is. Volg de typografierichtlijnen van ITGOIT en vermijd andere lettertypen zoals Arial.
Back-up lettertype: Noto Sans
Gebruik Noto Sans Semibold voor subkoppen, hoofdtekst of bijschriften wanneer Ginto ITGOIT Medium niet beschikbaar is. Volg de typografierichtlijnen van ITGOIT.
Back-up lettertype: Niet-Latijns
Gebruik Noto Sans Black voor niet-Latijnse scripts (bijv. Mandarijn, Arabisch) wanneer Ginto ITGOIT niet beschikbaar is, of het dichtstbijzijnde equivalent.
Kleuren & Verlopen
Kleuren
Colors
Blurple
Blurple is de basis van ons kleurenpalet en een van de meest herkenbare elementen van ons merk. Het is een gedurfde en levendige kleur die de energieke, speelse en digitaal-gerichte aard van ons merk weerspiegelt. Het is belangrijk dat we Blurple consistent en doelbewust gebruiken in onze communicatie.
Blurple
Pantone: 2726
CMYK: 74 61 0 0
RGB: 88 101 242
HEX: #5865f2
Kernpalet
Ons kernpalet vormt de basis van onze kleurenstrategie en moet de eerste indruk zijn op belangrijke merkaanrakingspunten. Consistent gebruik ervan creëert een herkenbare visuele aanwijzing voor het ITGOIT-merk en wordt aangevuld door ons secundaire palet.
Blurple
Pantone: 2726
CMYK: 74 61 0 0
RGB: 88 101 242
HEX: #5865f2
Licht Blurple
Pantone: 2706C
CMYK: 10 9 0 0
RGB: 224 227 255
HEX: #e0e3ff
Zwart
Pantone: PMS Black 6 C
CMYK: 0 0 0 100
RGB: 0 0 0
HEX: #000000
Kernkoppelingen
Er zijn vier kernkoppelingen die we gebruiken met typografie.
Blurple op Zwart
Voorbeeldtekst
Blurple op Licht Blurple
Voorbeeldtekst
Licht Blurple op Blurple
Voorbeeldtekst
Zwart op Blurple
Voorbeeldtekst
Kernpalet in Gebruik
Hier zijn enkele voorbeelden van het kernpalet in gebruik:
- Werknemers-ID Badge
- Buitenreclame
- Evenement Wegwijzers
Secundair Palet
Het secundaire palet verruimt ons bereik van merkexpressie, waardoor ITGOIT zich kan aanpassen aan verschillende contexten terwijl het een geest van vreugde en levendigheid behoudt. Deze kleuren kunnen worden gebruikt om communicatie interessanter te maken of om specifieke afbeeldingen of boodschappen aan te vullen.
Donker Blurple
Pantone: 2746C
CMYK: 99 96 40 45
RGB: 25 23 92
HEX: #19175c
Donker Groen
Pantone: 3435C
CMYK: 87 55 74 71
RGB: 0 41 32
HEX: #002920
Donker Roze
Pantone: 7659C
CMYK: 62 79 55 64
RGB: 56 31 44
HEX: #381f2c
Zwart
Pantone: PMS Black 6 C
CMYK: 0 0 0 100
RGB: 0 0 0
HEX: #000000
Blurple
Pantone: 2726
CMYK: 74 61 0 0
RGB: 88 101 242
HEX: #5865f2
Groen
Pantone: 7479C
CMYK: 53 0 0 0
RGB: 53 237 126
HEX: #35ed7e
Roze
Pantone: 232C
CMYK: 4 71 0 0
RGB: 255 76 210
HEX: #ff4cd2
Donker
Pantone: 432C
CMYK: 72 66 65 75
RGB: 31 31 31
HEX: #1f1f1f
Licht Blurple
Pantone: 2706C
CMYK: 10 9 0 0
RGB: 224 227 255
HEX: #e0e3ff
Licht Groen
Pantone: 331C
CMYK: 17 0 12 0
RGB: 200 255 239
HEX: #c8ffef
Licht Roze
Pantone: 250C
CMYK: 13 28 20 0
RGB: 245 201 255
HEX: #f5c9ff
Puur Wit (Alleen Digitaal)
CMYK: 0 0 0 0
RGB: 255 255 255
HEX: #ffffff
Secundaire Koppelingen
Er zijn vier secundaire koppelingen die we gebruiken met typografie. Vermijd het gebruik van koppelingen buiten deze goedgekeurde set.
Groen op Zwart
Voorbeeldtekst
Roze op Zwart
Voorbeeldtekst
Zwart op Groen
Voorbeeldtekst
Zwart op Roze
Voorbeeldtekst
Te Vermijden Koppelingen
Voorbeelden van koppelingen die vermeden moeten worden bij het gebruik van onze secundaire kleuren:
- Donkere Kleur op Lichte Kleur
- Lichte Kleur op Donkere Kleur
- Lichte Kleur op Kleur
- Donkere Kleur op Kleur
- Vermijd het koppelen van tinten en schaduwen van Groen of Roze in dezelfde compositie
Gebruiksverhouding
De juiste verhouding van kleurgebruik moet worden toegepast in ITGOIT-communicatie vanuit een holistisch perspectief. Voor kernaanrakingspunten en bij het introduceren van ITGOIT aan nieuwe doelgroepen, leunen we zwaar op ons kernpalet (met occasionele accenten uit het secundaire palet indien passend). Meer tijdelijke en contextuele toepassingen, zoals sociale media, stellen ons in staat om kleur te gebruiken als een hulpmiddel om te reageren op contexten en speelser te zijn in onze merkexpressie.
Secundair Palet in Gebruik
Hier zijn enkele voorbeelden van het secundaire palet in gebruik:
- Instagram Verhaal
- Instagram Bericht
- Merchandise
Kleurverboden
Gebruik geen Donkere Kleur op Kleur
Gebruik geen Kleur op Lichte Kleur
Gebruik geen Donkere Kleur op Donkere Kleur
Gebruik geen niet-goedgekeurde koppelingen
Gebruik geen twee kleuren tegelijk
Gebruik geen kleur in transparantie
Voeg geen nieuwe verloopkleuren toe aan typografie
Voeg geen nieuwe verloopkleuren toe aan achtergrondelementen
Meng en combineer geen verschillende kleurschaduwen
Voor algemene richtlijnen over minimale contrastvereisten, bezoek WCAG.
Verlopen
Gradients
Overzicht
Onze verlooptaal, geïnspireerd door de gloed van een scherm, is ontworpen om diepte en sfeer te brengen in ITGOIT-communicatie. Ze bieden een kans om onze expressiviteit met kleur te maximaliseren, houden dingen fris en dynamisch, en vullen onze illustratie- en fotografische talen aan.
Typen
Twee verschillende stijlen bieden flexibiliteit bij het toepassen van verlopen, van meer uitgesproken kromming tot subtieler.
- Radiaal Verloop
- Bijgesneden Verloop
Constructie
De twee verloopstijlen worden onderscheiden door de mate van kromming binnen het verloop, zoals geïllustreerd in de diagrammen.
Radiale Verlopen hebben een uitgesproken halvemaanvormige kromming. Bijgesneden Verlopen creëren een meer lineair effect door dieper in de kromming te snijden.
Radiaal Verloop
Bijgesneden Verloop
ITGOIT-verlopen gebruiken slechts twee kleuren tegelijk, wat diepte toevoegt zonder een compositie te overheersen.
Koppelingen
De goedgekeurde verloopkleurkoppelingen worden hieronder weergegeven.
Alle verlopen zijn toonwaarden van dezelfde kleur, van donker bovenaan naar licht onderaan. Dit zorgt consistent voor een 'gloeiend' effect in plaats van een bovenliggende lichtbron.
Donker Blurple op Zwart
Donker Groen op Zwart
Donker Roze op Zwart
Blurple op Donker Blurple
Groen op Donker Groen
Roze op Donker Roze
Licht Blurple op Blurple
Licht Groen op Groen
Licht Roze op Roze
Gebruiksspectrum
Verlopen kunnen op de volgende manieren worden toegepast als het gaat om tekst en achtergrond:
- Vlakke Kleur op Kleur
- Vlakke Kleur op Verloop
- Verloop op Vlakke Kleur
- Verloop op Verloop
In Gebruik
Hier zijn enkele voorbeelden van verlopen in gebruik:
Voorbeeld 1
Voorbeeld 2
Voorbeeld 3