--- title: "Kleuren en typografie" slug: "colors-and-typography" updated: 2026-10-26T08:26:11Z published: 2026-10-26T08:26:11Z canonical: "docs.document360.com/colors-and-typography" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Kleuren en typografie De instellingen Kleuren en Typografie in Document360 laten je het visuele uiterlijk van je kennisbanksite bepalen, van het sitethema en merkkleuren tot lettertypen in artikelen en navigatie. Alle instellingen worden geconfigureerd vanuit site-aanpassing en worden toegepast op projectniveau - de merkkleur vloeit over in CTA's, selectietoestanden en interactieve elementen; de hyperlinkkleur bepaalt hoe links verschijnen in alle artikelen; de lettertypekoppeling bepaalt de lettertypen die in artikeltitels en de inhoud worden gebruikt, en dezelfde lettertypen verschijnen in de editor zodat schrijvers kunnen bekijken hoe artikelen eruit zullen zien bij publicatie; het sitelettertype regelt navigatie, kopteksten, voetteksten en controles los van de artikelinhoud. Deze omgevingen werken samen om een consistente visuele ervaring voor lezers op elke pagina te creëren. ## Wanneer kleuren en typografie bijgewerkt moeten worden - **Bij het opzetten van een nieuwe kennisbank** - stel je merkkleur, hyperlinkkleur en lettertypen vast als onderdeel van de initiële configuratie, zodat de site vanaf het begin je identiteit weerspiegelt. - **Na een merkvernieuwing** - als je bedrijf zijn primaire kleur, lettertype of visuele richtlijnen bijwerkt, werk dan de instellingen van de kennisbank bij om uitgelijnd te blijven. - **Wanneer lezers toegankelijkheidsproblemen melden** , gebruik dan de optie **'Kleurcontrast aanpassen om aan de WCAG-standaarden te voldoen'** om automatisch WCAG-conforme contrastverhoudingen toe te passen op basis van je merkkleur. - **Bij het wisselen tussen lichte en donkere thema's** - kleuren die werken in lichtmodus hebben mogelijk niet voldoende contrast in donkere modus. Bekijk en pas beide themakleuren aan bij het inschakelen van dual-mode ondersteuning. - **Wanneer de inhoud van het artikel moeilijk te lezen is** - als lezers het standaardlettertype te klein, te dicht of niet overeenkomt met je product, werk dan de lettertypecombinatie van het artikel en het lettertype van de site bij om de leesbaarheid te verbeteren. --- ## Sitethema Het sitethema bepaalt welke kleurmodi beschikbaar zijn voor lezers op je kennisbanksite. 1. Navigeer naar () in de linker navigatiebalk van het kennisbasisportaal. 2. Navigeer in het linker navigatiepaneel naar **Knowledge base site** > **Site-aanpassing**. 3. Selecteer in het veld **Site-thema** een van de volgende opties: - **Zowel Licht als Donker** - Lezers kunnen schakelen tussen lichte en donkere modi met de thema-schakelaar in de siteheader. - **Alleen licht** - De site wordt altijd in lichtmodus weergegeven. De thema-schakelaar is verborgen. - **Alleen donker** - De site wordt altijd in donkere modus weergegeven. De thema-schakelaar is verborgen. 4. Klik **op Opslaan**. ![Site customization page showing the Site theme options: Both Light and Dark, Light only, Dark only](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/site-customization.png) --- ## Kleuren ### Merkkleur De merkkleur is de primaire kleur die wordt toegepast op CTA's, selectietoestanden en interactieve elementen op je kennisbanksite. 1. Navigeer naar () in de linker navigatiebalk van het kennisbasisportaal. 2. Navigeer in het linker navigatiepaneel naar **Knowledge base site** > **Site-aanpassing**. 3. Selecteer in het **Kleuren-gedeelte** een kleur met de kleurkiezer of voer een HEX-code in in het veld **Merk kleur** . 4. Klik **op Opslaan**. OPMERKING Als **het automatische kleurcontrast instelt om aan de WCAG-normen te voldoen** is ingeschakeld, worden zowel lichte als donkere themakleuren automatisch ingesteld op basis van je merkkleur. Als het is uitgeschakeld, moet je handmatig kleuren instellen voor elk thema apart. ![Color settings section in Site customization showing Brand color and Hyperlink color options](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/site-customization-colors.png) --- ### Hyperlinkkleur Je kunt aanpassen hoe hyperlinks verschijnen op je kennisbanksite. Er zijn drie opties beschikbaar: | Optie | Wat het doet | | --- | --- | | **Gebruik de industriestandaard** | Past de veelgebruikte standaard hyperlinkkleur toe | | **Gebruik merkkleur** | Brengt dezelfde kleur aan die je merk is geselecteerd | | **Gebruik een andere kleur** | Hiermee kun je aparte standaard-, hover- en bezochten kleuren instellen voor hyperlinks | Om de hyperlinkkleur in te stellen: 1. Navigeer naar () in de linker navigatiebalk van het kennisbasisportaal. 2. Navigeer in het linker navigatiepaneel naar **Knowledge base site** > **Site-aanpassing**. 3. Ga in de sectie **Kleuren** naar **Hyperlinkkleur** en selecteer je voorkeursoptie. 4. Als je **'Gebruik een andere kleur'** selecteert, configureer je de standaard-, zweef- en bezocht status. 5. Klik **op Opslaan**. --- ### WCAG auto-contrast Door WCAG auto contrast in te schakelen, passen de kleurelementen van je site automatisch aan om te voldoen aan [de toegankelijkheidsnormen van WCAG 2.1](https://docs.document360.com/docs/nl/web-content-accessibility-guidelines-wcag) , gebaseerd op de kleur van het gekozen merk. 1. Navigeer naar () in de linker navigatiebalk van het kennisbasisportaal. 2. Navigeer in het linker navigatiepaneel naar **Knowledge base site** > **Site-aanpassing**. 3. Selecteer in het vakje **Kleuren** het vakje **Automatisch kleurcontrast instellen om te voldoen aan de WCAG-standaarden** . 4. Klik **op Opslaan**. --- ## Typografie ### Lettertype-koppeling van artikelen Artikellettertype-koppeling bepaalt de lettertypen die worden gebruikt voor artikeltitels en artikelinhoud op je kennisbanksite. De geselecteerde lettertypen verschijnen ook in de editor, zodat auteurs kunnen bekijken hoe artikelen eruit zullen zien bij publicatie. 1. Navigeer naar () in de linker navigatiebalk van het kennisbasisportaal. 2. Navigeer in het linker navigatiepaneel naar **Knowledge base site** > **Site-aanpassing**. 3. Selecteer in de sectie **Lettertypen** een lettertypepaar uit de **Article-lettertype-koppelingstegel** . Het eerste lettertype geldt voor artikeltitels, en het tweede voor artikelinhoud. 4. Om een specifieke combinatie te kiezen, klik op **'Heb een specifieke lettertypecombinatie in gedachten?'** om toegang te krijgen tot extra lettertypeopties en selecteer lettertypen voor titels en inhoud individueel. 5. Klik **op Opslaan**. ![Fonts section in Site customization showing Article font pairing and Site font options](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/site-customization-font.png) OPMERKING Als je bijvoorbeeld content in Verdana opstelt in het Knowledge Base-portaal maar Ubuntu + Open Sans selecteert als lettertypepaar van het artikel, verschijnt de titel van het artikel in Ubuntu en de inhoud in Open Sans op de knowledge base-site. --- ### Site-lettertype Het sitelettertype is van toepassing op de hele navigatie in de kennisbank — inclusief het linker navigatiepaneel (categorieën, subcategorieën, artikeltitels), kop, voettekst, secundaire navigatie en bedieningselementen. 1. Navigeer naar () in de linker navigatiebalk van het kennisbasisportaal. 2. Navigeer in het linker navigatiepaneel naar **Knowledge base site** > **Site-aanpassing**. 3. Selecteer in de sectie **Lettertypen** je voorkeurslettertype uit het dropdown **Site-lettertype** . 4. Klik **op Opslaan**. OPMERKING Voor meer informatie over hoe lettertypewijzigingen op projectniveau bestaande artikelen, verouderde lettertypen en lettertypebeheermethoden beïnvloeden, zie [Lettertypen beheren in uw kennisbank](https://docs.document360.com/docs/nl/managing-fonts-in-your-knowledge-base). --- ### Aangepast lettertype Als de ingebouwde lettertype-opties niet overeenkomen met je merk, kun je een aangepast lettertype instellen voor je kennisbanksite. Voor een stapsgewijze walkthrough, zie [Hoe je een aangepast lettertype configureert in de kennisbank](https://docs.document360.com/docs/nl/how-to-configure-a-custom-font-in-the-knowledge-base). --- ## Best practices - **Schakel WCAG autocontrast in** als toegankelijkheidsnaleving belangrijk is voor je publiek – dat haalt het giswerk weg van handmatig het controleren van contrastverhoudingen voor elke kleurcombinatie. - **Stel eerst je merkkleur** in voordat je hyperlinkkleuren configureert - als je van plan bent merkkleur te gebruiken voor hyperlinks, moet de merkkleurinstelling eerst worden opgeslagen. - **Test zowel lichte als donkere modi** na kleurwijzigingen - een merkkleur die er goed uitziet in lichte modus kan een laag contrast hebben in donkere modus. Gebruik de site-preview om beide te controleren. - **Gebruik artikellettertype-koppeling voor leesbaarheid** - kies een koppeling waarbij het titellettertype anders is dan het hoofdlettertype om een duidelijke visuele hiërarchie te creëren. - **Vermijd frequente lettertypewijzigingen** - het wisselen van lettertypen nadat de inhoud is gepubliceerd kan invloed hebben op hoe bestaande artikelen worden weergegeven, vooral als aangepaste stijlen op artikelniveau zijn toegepast.