Huisstijl voor je lesmodule
Met Pluvo maak je lesmodules, compleet in eigen huisstijl!
Om naar je huisstijl instellingen te gaan, open je de lesmodule in bewerkmodus, klik je linksbovenin op overzicht en vervolgens op het kwastje.
Snel een lesmodule in een andere huisstijl? Kies een van de thema's die voor je klaar staan en klik op 'bewaar'. Uiteraard kun je de bestaande thema's ook nog aanpassen, zie hieronder.
Tip: als je weer het originele thema wilt gebruiken, kun je bij thema's rechtsonder op het lege vlak klikken.
Onder de thema's kun je zelf je kleuren en lettertypes kiezen.
Voor kleuren kun je gebruik maken van hexwaardes (zie tips onderaan dit artikel), of op het druppelicoontje klikken. Je kunt dan zelf de kleur kiezen.
Je kunt verschillende soorten kleuren kiezen:
Primair: wijzigt alle buttons en de hovers (dingen die van kleur veranderen wanneer je met je muis over bijvoorbeeld een antwoord heen gaat). Ook de kleur van hyperlinks en de 'Les afronden'-knop krijgen deze kleur.
In deze lesmodule is de primaire kleur de kleur van antwoord B
Secundair: dit is de kleur van de voortgangsbalken. Zowel op overzichtspagina als in de les zelf, zoals op de screenshot te zien is. Een lichtere variant van de secundaire kleur wordt gebruikt om te laten zien wat je nog moet afronden.
In deze lesmodule is de secundaire kleur de kleur van de voortgangsbalk. De 50% die afgerond is, heeft de secundaire kleur. De 50% die nog moet worden afgerond, heeft de lichtere variant van de secundaire kleur.
Achtergrond: de kleur van de achtergrond van je lesmodule
Positief: de kleur van een goed beantwoord (standaard groen)
Negatief: de kleur van een fout antwoord (standaard rood)
Van zowel de algemene tekst als de titel en subtitels kun je het lettertype kiezen en de kleur hiervan selecteren.
Algemene tekst: de kleur van de tekst in je lesmodule, uitgezonderd titels en subtitels.
Titel: de headings die boven de lesmodule en de lessen staan
Subtitel: de secties
Het verschil tussen de soorten tekst zie je in onderstaand screenshot.
Wil je van een bepaalde les de titel een andere kleur geven, omdat de huisstijlkleur niet goed past bij de afbeelding die je gekozen hebt?
Ga dan naar de les instellingen. Naast de titel kun je de titelkleur instellen.
Op zoek naar een lesmodule stijl, maar weet je niet waar je moet beginnen?
Deze sites kunnen je hierbij helpen:
Hoe bepaal ik het font: https://fonts.google.com.
Hoe bepaal ik kleur: https://color.adobe.com/create
Heb je een logo of een afbeelding met kleuren die je wilt gebruiken? Ga dan naar <https://color.adobe.com/create/image> en upload het bestand. Je krijgt dan keurig alle kleuren in hex waarde, zodat je deze kan gebruiken in onze thema editor.
Als jouw organisatie een huisstijl- of branding guide heeft, raden we aan om deze te gebruiken.
Om naar je huisstijl instellingen te gaan, open je de lesmodule in bewerkmodus, klik je linksbovenin op overzicht en vervolgens op het kwastje.
Thema's
Snel een lesmodule in een andere huisstijl? Kies een van de thema's die voor je klaar staan en klik op 'bewaar'. Uiteraard kun je de bestaande thema's ook nog aanpassen, zie hieronder.
Tip: als je weer het originele thema wilt gebruiken, kun je bij thema's rechtsonder op het lege vlak klikken.
Zelf je huisstijl instellen
Onder de thema's kun je zelf je kleuren en lettertypes kiezen.
Voor kleuren kun je gebruik maken van hexwaardes (zie tips onderaan dit artikel), of op het druppelicoontje klikken. Je kunt dan zelf de kleur kiezen.
Je kunt verschillende soorten kleuren kiezen:
Primair: wijzigt alle buttons en de hovers (dingen die van kleur veranderen wanneer je met je muis over bijvoorbeeld een antwoord heen gaat). Ook de kleur van hyperlinks en de 'Les afronden'-knop krijgen deze kleur.
In deze lesmodule is de primaire kleur de kleur van antwoord B
Secundair: dit is de kleur van de voortgangsbalken. Zowel op overzichtspagina als in de les zelf, zoals op de screenshot te zien is. Een lichtere variant van de secundaire kleur wordt gebruikt om te laten zien wat je nog moet afronden.
In deze lesmodule is de secundaire kleur de kleur van de voortgangsbalk. De 50% die afgerond is, heeft de secundaire kleur. De 50% die nog moet worden afgerond, heeft de lichtere variant van de secundaire kleur.
Achtergrond: de kleur van de achtergrond van je lesmodule
Positief: de kleur van een goed beantwoord (standaard groen)
Negatief: de kleur van een fout antwoord (standaard rood)
Lettertypes en letterkleuren
Van zowel de algemene tekst als de titel en subtitels kun je het lettertype kiezen en de kleur hiervan selecteren.
Algemene tekst: de kleur van de tekst in je lesmodule, uitgezonderd titels en subtitels.
Titel: de headings die boven de lesmodule en de lessen staan
Subtitel: de secties
Het verschil tussen de soorten tekst zie je in onderstaand screenshot.
Tekstkleur van lestitels veranderen
Wil je van een bepaalde les de titel een andere kleur geven, omdat de huisstijlkleur niet goed past bij de afbeelding die je gekozen hebt?
Ga dan naar de les instellingen. Naast de titel kun je de titelkleur instellen.
Tips voor het bepalen van de huisstijl:
Op zoek naar een lesmodule stijl, maar weet je niet waar je moet beginnen?
Deze sites kunnen je hierbij helpen:
Hoe bepaal ik het font: https://fonts.google.com.
Hoe bepaal ik kleur: https://color.adobe.com/create
Heb je een logo of een afbeelding met kleuren die je wilt gebruiken? Ga dan naar <https://color.adobe.com/create/image> en upload het bestand. Je krijgt dan keurig alle kleuren in hex waarde, zodat je deze kan gebruiken in onze thema editor.
Als jouw organisatie een huisstijl- of branding guide heeft, raden we aan om deze te gebruiken.
Bijgewerkt op: 29/12/2023
Dankuwel!