Je kunt de kleuren en lettertypen eenvoudig aanpassen aan de huisstijl van je bedrijf. Deze handleiding laat je zien hoe je je lettertypen kunt bijwerken, merkkleuren kunt instellen, verlopende achtergronden kunt maken en nog veel meer, allemaal vanuit je Notiondesk dashboard.
Lettertypen aanpassen
Kies je primaire lettertype (titels en kopteksten)
Je kunt het lettertype wijzigen dat wordt gebruikt voor titels, kopteksten en andere belangrijke elementen van je helpcentrum.
Om uw primaire lettertype bij te werken:
- Open je Notiondesk dashboard.
- Ga naar het gedeelte 'Aanpassen' .
- Ga naar de merkinstellingen en zoek 'Primair lettertype' .
- Kies een lettertype uit de beschikbare lijst. Opties zijn onder andere Inter, Lora, Montserrat, Noto, Roboto en andere.
Zodra u het nieuwe lettertype hebt geselecteerd, wordt het automatisch toegepast op de titels en kopteksten van uw helpcentrum.
Kies je secundaire lettertype (hoofdtekst)
Je kunt ook een ander lettertype instellen voor de hoofdtekst van je helpcentrumartikelen.
Om uw secundaire lettertype bij te werken:
- Ga in je Notiondesk dashboard naar het gedeelte Aanpassen .
- Ga naar 'Merkinstellingen' en zoek 'Secundair lettertype' .
- Kies een lettertype uit de beschikbare lijst, zoals Inter, Lora, Montserrat, Noto, Roboto en meer.
Het gekozen lettertype wordt toegepast op alle hoofdtekst van artikelen in uw helpcentrum.
Een goed secundair lettertype maakt je artikelen makkelijk leesbaar. Je kunt verschillende lettertypen combineren voor een onderscheidende stijl, of hetzelfde lettertype gebruiken voor zowel het primaire als het secundaire lettertype om de consistentie te bewaren.
Kleuren aanpassen
Merkkleuren bijwerken
Je kunt de hoofdkleuren van je helpcentrum eenvoudig aanpassen aan je merkidentiteit.
Om uw merkkleuren te wijzigen:
- Open je Notiondesk dashboard.
- Ga naar het gedeelte 'Aanpassen' .
- Onder het tabblad 'Merk' kunt u de volgende kleuren bijwerken:
| Kleur | Beschrijving |
|---|---|
| Primaire kleur | Gebruikt voor navigatie-elementen zoals knoppen en actieve links. |
| Tekstkleur | Gebruikt voor de hoofdtekst in uw helpcentrum. |
| Linkkleur | Gebruikt voor standaard hyperlinks. |
| Link zweefkleur | De linkkleur verandert wanneer een gebruiker er met de muis overheen beweegt. |
| Achtergrondkleur | Hiermee stelt u de achtergrondkleur van uw gehele helpcentrum in. |
Elke keer dat je een nieuwe kleur kiest, wordt de wijziging direct op je live website doorgevoerd.
De kleuren van de header aanpassen
De header van uw helpcentrum bevat navigatielinks die bezoekers als eerste zien. U kunt de kleuren van de links aanpassen aan uw merk of de zichtbaarheid verbeteren.
Om de kleuren van de links in de header te wijzigen:
- Ga naar het gedeelte 'Aanpassen' in uw Notiondesk dashboard.
- Open het tabblad 'Header' .
- Werk de volgende opties bij:
| Kleur | Beschrijving |
|---|---|
| Linkkleur | Stelt de standaardkleur in voor links in de header. |
| Link zweefkleur | Hiermee wordt de kleur van links ingesteld wanneer gebruikers er met de muis overheen bewegen. |
Achtergrond van het heldenblok aanpassen
Het Hero Block is het bovenste gedeelte van je helpcentrum, vaak het eerste wat bezoekers zien. Je kunt het personaliseren met een achtergrondkleur of een kleurverloop om je merk beter te weerspiegelen.
Gebruik een eenvoudige achtergrondkleur.
Als je liever een effen achtergrond hebt in plaats van een afbeelding:
- Ga naar het gedeelte 'Aanpassen' in je dashboard.
- Open het tabblad Heldenblok .
- Kies achtergrond: kleur .
- Selecteer een achtergrondkleur in de kleurenkiezer of plak de hexcode van uw merk.
De door u gekozen kleur vult de gehele achtergrond van het Hero Block.
Gebruik een verloopachtergrond.
Met kleurverlopen kun je meerdere kleuren in een vloeiende overgang laten overlopen, een geweldige manier om diepte aan je header toe te voegen zonder afbeeldingen te gebruiken.
Om een āāverloop in te stellen:
- Stel in het tabblad Hero Block de achtergrond in op Gradient .
- Kies een verlooptype :
- Lineair : kleuren vloeien in een rechte lijn.
- Radiaal : kleuren stralen vanuit het midden naar buiten.
- Voor lineaire kleurovergangen kunt u de rotatie (hoek) aanpassen om de richting van de overgang te bepalen.
- Voeg je kleurverloop toe. Je kunt maximaal 5 kleuren instellen, elk met een eigen percentage en kleurcode.
Gradiƫnten zijn zeer flexibel aan te passen. Je kunt subtiele overgangen creƫren met twee kleuren of juist een gedurfde look met een mix van meerdere kleuren. Zorg er wel voor dat de tekst erboven leesbaar blijft.
Pas de kleuren van de kaart en de voettekst aan.
Je kunt ook de kleuren van collectiekaarten, artikelkaarten en de voettekst van je helpcentrum personaliseren, zodat alles consistent en visueel samenhangend is.
Verzamelingen en artikelenkaarten
Elke collectie of elk artikel wordt weergegeven in een kaart in uw helpcentrum. U kunt de achtergrondkleur van deze kaarten aanpassen aan uw stijl of de verschillende secties van elkaar onderscheiden.
Om de kaartkleuren bij te werken:
- Ga naar het gedeelte 'Aanpassen' in uw Notiondesk dashboard.
- Open het tabblad Collecties of Artikelen .
- Selecteer de achtergrondkleur
Kies effen kleuren zodat de tekst op de kaarten leesbaar blijft.
Voettekstkleuren
De voettekst is het gedeelte onderaan elke helpcentrumpagina. Deze bevat meestal links of contactgegevens, dus duidelijkheid is essentieel.
Om de kleuren van de voettekst bij te werken:
- Ga naar het gedeelte 'Aanpassen' .
- Open het tabblad Voettekst .
- Stel de achtergrondkleur en de tekstkleur van de voettekst in.
Dit zorgt ervoor dat uw footer er goed uitziet en toegankelijk blijft tegen de door u gekozen achtergrond.
Aanbevelingen voor de vormgeving van uw helpcentrum
Het aanpassen van lettertypen en kleuren zorgt ervoor dat uw helpcentrum aansluit bij uw merkidentiteit, maar leesbaarheid en consistentie zijn net zo belangrijk. Hier volgen een paar tips voor het beste resultaat:
- Houd je aan de kleuren van je merk.
Gebruik dezelfde kleuren als op je website en product. Zo blijft alles vertrouwd voor je gebruikers.
- Gebruik leesbare lettertypen.
Vermijd te decoratieve lettertypen, vooral voor de hoofdtekst. Kies voor duidelijke, leesbare lettertypen die gemakkelijk te scannen zijn.
- Zorg voor een goed contrast.
Zorg voor voldoende contrast tussen je tekst en de achtergrond. Vermijd bijvoorbeeld lichtgrijze tekst op een witte achtergrond.
- Wees voorzichtig met kleurverlopen.
Gradiƫnten kunnen visueel aantrekkelijker zijn, maar te veel kleuren of abrupte overgangen kunnen de leesbaarheid van je tekst bemoeilijken. Gebruik bij voorkeur twee of drie kleuren voor het beste resultaat.
- Voorbeeldweergave op desktop en mobiel
Controleer je ontwerp op verschillende schermformaten om er zeker van te zijn dat alles er netjes en professioneel uitziet.