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 & Verloop
Kleuren
Colors
Onze Merkkleuren
Onze identiteit wordt gedefinieerd door een dynamisch duo: Merk Paars en Primair Blauw. Paars staat voor onze innovatieve en deskundige aanpak, terwijl Blauw vertrouwen, betrouwbaarheid en technische vaardigheid vertegenwoordigt. Deze combinatie creëert een gedenkwaardig en modern palet dat onmiskenbaar ITGOIT is.
Merk Paars
Pantone: 268 C
CMYK: 80 98 0 0
RGB: 91 33 182
HEX: #5b21b6
Primair Blauw
Pantone: 2133 C
CMYK: 81 64 0 0
RGB: 74 108 247
HEX: #4A6CF7
Kernpalet
Ons kernpalet vormt de basis van onze kleurenstrategie. Het consistente gebruik ervan zorgt voor een herkenbaar visueel signaal voor het merk ITGOIT en wordt aangevuld door ons secundaire palet voor meer flexibiliteit.
Merk Paars
Pantone: 268 C
CMYK: 80 98 0 0
RGB: 91 33 182
HEX: #5b21b6
Primair Blauw
Pantone: 2133 C
CMYK: 81 64 0 0
RGB: 74 108 247
HEX: #4A6CF7
Wit
Pantone: N/A
CMYK: 0 0 0 0
RGB: 255 255 255
HEX: #ffffff
Zwart
Pantone: Black 6 C
CMYK: 75 68 67 90
RGB: 18 23 35
HEX: #121723
Kerncombinaties
Dit zijn de primaire combinaties met hoog contrast voor typografie en UI-elementen om duidelijkheid en impact te garanderen.
Wit op Merk Paars
Voorbeeldtekst
Wit op Primair Blauw
Voorbeeldtekst
Merk Paars op Lichtblauw
Voorbeeldtekst
Primair Blauw op Lichtblauw
Voorbeeldtekst
Kernpalet in Gebruik
Hier zijn enkele voorbeelden van het kernpalet in gebruik voor primaire merkcontactpunten.
- Werknemers-ID-kaart
- Buitenreclame
- Bewegwijzering Evenement
Secundair Palet
Het secundaire palet bevat tinten en schakeringen van onze kernkleuren. Deze worden gebruikt om diepte toe te voegen, hiërarchie te creëren en het primaire palet te ondersteunen in complexere ontwerpen.
Donkerpaars
Pantone: 2695 C
CMYK: 84 99 26 14
RGB: 62 22 122
HEX: #3E167A
Donkerblauw
Pantone: 2728 C
CMYK: 97 85 24 10
RGB: 37 58 154
HEX: #253A9A
Lichtpaars
Pantone: 2655 C
CMYK: 51 68 0 0
RGB: 159 125 219
HEX: #9f7ddb
Lichtblauw
Pantone: 2717 C
CMYK: 10 5 0 0
RGB: 233 238 255
HEX: #E9EEFF
Donkergrijs
Pantone: 432 C
CMYK: 74 66 62 76
RGB: 29 36 48
HEX: #1D2430
Secundaire Combinaties
Deze combinaties zijn ideaal voor secundaire informatie, achtergronden of wanneer een subtieler contrast nodig is.
Lichtpaars op Zwart
Voorbeeldtekst
Lichtblauw op Zwart
Voorbeeldtekst
Zwart op Lichtpaars
Voorbeeldtekst
Zwart op Lichtblauw
Voorbeeldtekst
Te Vermijden Combinaties
Om de leesbaarheid en merkconsistentie te behouden, vermijd deze kleurencombinaties, vooral voor tekst.
- Donkere secundaire kleuren op lichte secundaire kleuren
- Lichte secundaire kleuren op donkere secundaire kleuren
- Lichte secundaire kleuren op een kernkleur
- Donkere secundaire kleuren op een kernkleur
- Vermijd het combineren van tinten en schakeringen van dezelfde kleur als het contrast laag is
Gebruiksverhouding
De juiste verhouding van kleurgebruik moet holistisch worden toegepast in alle ITGOIT-communicatie. Voor kerncontactpunten en bij het introduceren van ITGOIT bij nieuw publiek, leunen we zwaar op ons kernpalet. Meer tijdelijke en contextuele toepassingen, zoals sociale media, stellen ons in staat om secundaire kleuren te gebruiken om speelser te zijn.
Secundair Palet in Gebruik
Hier zijn enkele voorbeelden van het secundaire palet in gebruik:
- Instagram Story
- Instagram Post
- Merchandise
Kleuren: Wat Niet te Doen
Gebruik geen donkere kleur op een andere kleur
Gebruik geen kleur op een lichte kleur
Gebruik geen donkere kleur op een donkere kleur
Gebruik geen niet-goedgekeurde combinaties
Gebruik geen twee kleuren tegelijk
Gebruik geen kleur met dekking
Gebruik geen nieuwe verloopkleuren in tekst
Gebruik geen nieuwe verloopkleuren in achtergrondelementen
Mix geen verschillende kleurschakeringen
Voor algemene richtlijnen over minimale contrastvereisten, bezoek WCAG.
Verloop
Gradients
Overzicht
Onze verloopt taal, geïnspireerd door de gloed van een scherm, is ontworpen om een gevoel van diepte en sfeer te geven aan ITGOIT-communicatie. Ze bieden een kans om onze expressiviteit met ons paarse en blauwe palet te maximaliseren, waardoor dingen fris en dynamisch blijven.
Soorten
Twee verschillende stijlen bieden flexibiliteit bij het toepassen van verlopen, van meer uitgesproken tot subtielere krommingen.
- Radiaal Verloop
- Bijgesneden Verloop
Constructie
De twee verloopstijlen onderscheiden zich door de hoeveelheid kromming binnen het verloop, zoals geïllustreerd in de diagrammen.
Radiale verlopen hebben een uitgesproken halfronde curve. Bijgesneden verlopen produceren een meer lineair effect door dieper in de curve te snijden.
Radiaal Verloop
Bijgesneden Verloop
ITGOIT-verlopen gebruiken slechts twee kleuren tegelijk, wat diepte toevoegt zonder een compositie te overheersen.
Combinaties
De goedgekeurde verloopkleurcombinaties worden hieronder getoond, gebruikmakend van ons kernpalet van paars en blauw.
Verlopen moeten over het algemeen van een lichtere of levendigere kleur naar een donkerdere gaan, om het gloei-effect te versterken.
Donkerpaars op Zwart
Donkerblauw op Zwart
Merk Paars op Primair Blauw
Merk Paars op Donkerpaars
Primair Blauw op Donkerblauw
Lichtpaars op Merk Paars
Lichtblauw op Primair Blauw
Lichtpaars op Primair Blauw
Lichtblauw op Merk Paars
Gebruiksspectrum
Verlopen kunnen op de volgende manieren worden toegepast op tekst en achtergrond:
- Effen Kleur op Kleur
- Effen Kleur op Verloop
- Verloop op Effen Kleur
- Verloop op Verloop
In Gebruik
Hier zijn enkele voorbeelden van verlopen in gebruik:
Voorbeeld 1
Voorbeeld 2
Voorbeeld 3