Stijlgids NOVI Hogeschool
Welkom bij de stijlgids van NOVI Hogeschool! Deze gids biedt een helder overzicht van onze merkidentiteit en communicatie-uitingen. Of het nu gaat om het gebruik van ons logo, typografie, kleurenpalet, of videografie, deze richtlijnen zijn ontworpen om een consistente en professionele uitstraling te waarborgen. Volg deze handleiding om bij te dragen aan een sterke, herkenbare en inspirerende presentatie van NOVI Hogeschool.
Typografie
Voor grote koppen gebruiken we Moret. NOVI’s primaire font voor teksten is Poppins. Voor H1 en H2 gebruiken we Moret (extrabold). Voor H3 gebruiken we Poppins (black). Voor tekst gebruiken we Poppins (regular).
H1. Hbo ICT Software Development
H2. Hbo ICT Software Development
H3. Hbo ICT Software Development
Tekst Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.
Logo
In deze sectie vind je gedetailleerde richtlijnen voor het correcte gebruik van ons logo.
.png?width=250&height=117&name=LOGONOVI_NOVI%20Hogeschool%20(main).png "LOGONOVI_NOVI Hogeschool (main)")
%20kopie%204.png?width=250&height=117&name=LOGONOVI_NOVI%20Hogeschool%20(main)%20kopie%204.png "LOGONOVI_NOVI Hogeschool (main) kopie 4")
%20kopie%202.png?width=250&height=117&name=LOGONOVI_NOVI%20Hogeschool%20(main)%20kopie%202.png "LOGONOVI_NOVI Hogeschool (main) kopie 2")
%20kopie%203.png?width=250&height=117&name=LOGONOVI_NOVI%20Hogeschool%20(main)%20kopie%203.png "LOGONOVI_NOVI Hogeschool (main) kopie 3")
Kleurgebruik
De kleuren van NOVI Hogeschool vormen een cruciaal onderdeel van onze merkidentiteit, en ze versterken onze visuele communicatie. Onze kleurgids is verdeeld in primaire en secundaire kleuren. In deze sectie vind je richtlijnen voor het juiste gebruik van zowel de primaire als de secundaire kleuren, inclusief kleurcodes en voorbeelden van correcte toepassingen.
Primaire kleuren
Deze kleuren zijn de kern van onze visuele identiteit en moeten consistent worden gebruikt om een herkenbaar en samenhangend beeld te creëren. Ze vormen de basis van onze merkuitstraling en worden toegepast in alle belangrijke merkuitingen.
Secundaire kleuren
Deze kleuren vullen de primaire kleuren aan en bieden flexibiliteit in ontwerp en communicatie. Ze kunnen worden gebruikt om accenten te leggen, contrast te creëren, en variatie aan te brengen zonder de consistentie van ons merk te verstoren.
Videografie
In deze sectie vind je richtlijnen voor de productie van video's, waaronder stijl, toon, en technische aspecten zoals resolutie en formaat. Deze richtlijnen zorgen ervoor dat al onze video's een consistente uitstraling hebben en naadloos aansluiten bij onze visuele identiteit.
1. Geanimeerde titels
Hieronder vind je de toepassing voor geanimeerde titels, inclusief stijl, animatiesnelheid en consistent gebruik.
Klik hier om het After Effects bestand te downloaden.
Titel voorbeeld 1
Combinatie van de secundaire kleuren groen en roze.
Titel voorbeeld 2
Combinatie van de secundaire kleuren geel en roze.
Titel voorbeeld 3
Combinatie van de secundaire kleur groen en de primaire kleur blauw.
Titel voorbeeld 4
Combinatie van de secundaire kleuren groen, roze en de primaire kleur beige.
Titel voorbeeld 5
Combinatie van de secundaire kleuren geel, groen en roze.
Titel voorbeeld 6
Combinatie van de secundaire kleuren roze, geel en de primaire kleur blauw.
2. Call To Action
Calls to Action (CTA's) zijn cruciaal voor het aanmoedigen van interactie en betrokkenheid van ons publiek. Ze leiden de kijker naar de gewenste actie, zoals inschrijven, contact opnemen, of meer informatie verkrijgen. In deze sectie vind je richtlijnen voor het ontwerpen en plaatsen van effectieve CTA's, inclusief best practices voor taalgebruik, visuele presentatie, en plaatsing.
Klik hier om het After Effects bestand te downloaden.
CTA voorbeeld 1
Combinatie van de primaire kleur beige en de blauwe CTA button "Meer weten?"
CTA voorbeeld 2
Combinatie van beeld en CTA, waarbij het beeld geleidelijk vervaagd om de nadruk te leggen op de button.
CTA voorbeeld 3
Combinatie van de primaire kleur beige en de blauwe CTA button "Bekijk onze bootcamps".
3. Transities
Transities tussen beelden en secties geven een vloeiende en professionele uitstraling aan onze video's en presentaties. Hieronder vind je richtlijnen voor het gebruik van transities om esthetiek te waarborgen binnen de visuele communicatie van NOVI Hogeschool.
Klik hier om het After Effects bestand te downloaden.
Transitie voorbeeld 1
Transitie door gebruik van NOVI's standaard blob shape met geanimeerde kleinere shapes.
Transitie voorbeeld 2
Transitie door gebruik van NOVI's kleinere geanimeerde shapes.
Transitie voorbeeld 3
In-transitie door gebruik van NOVI's standaard blob shape en out-transitie met kleinere geanimeerde shapes.
4. Thumbnails
Thumbnails zijn de eerste indruk die ons publiek krijgt van onze video's en visuele content. Ze moeten aantrekkelijk, informatief en consistent zijn met onze merkidentiteit. In deze sectie vind je richtlijnen voor het creëren van effectieve thumbnails, inclusief lay-out, beeldkeuze, en typografie.
Thumbnail voorbeeld 1
Thumbnail gebruikt voor Studio NOVI, waarbij beide sprekers in beeld zijn. Daarnaast is er een visualisatie van het onderwerp in beeld en een pakkende quote.
Thumbnail voorbeeld 2
Thumbnail gebruikt voor de serie 'Coding met NOVI, waarbij een gradient wordt gebruikt van de primaire kleur blauw.
Thumbnail voorbeeld 3
Thumbnail gebruikt voor de serie 'Hacken met NOVI', waarbij gebruik is gemaakt van een CGI achtergrond gecombineerd met live-action footage.
5. Ondersteundende visuals
Ondersteunde grafische elementen voegen dynamiek en visuele interesse toe aan onze content. Ze helpen de aandacht van ons publiek vast te houden. In deze sectie vind je richtlijnen voor het ontwerpen en toepassen van deze elementen, inclusief stijl, timing, en consistentie.
Klik hier om het After Effects bestand te downloaden.
Visual voorbeeld 1
Ondersteunende visuals door gebruik van NOVI's kleine geanimeerde kleinere blob shapes.
Visual voorbeeld 2
Ondersteunende visuals in combinatie met een video, met gebruik van NOVI's geanimeerde kleinere blob shapes.
Visual voorbeeld 3
Ondersteunde visuals in combinatie met NOVI's logo, met gebruik van NOVI's geanimeerde kleinere blob shapes.