Home Kennisbank Huisstijl & instellingen Kan ik zelf de kleuren en lettertypes van mijn website veranderen?

Kan ik zelf de kleuren en lettertypes van mijn website veranderen?

Robert Oosterloo
Bijgewerkt op · 3 min lezen

Overal waar je in je website een kleur kiest, zie je dezelfde rij kleuren. Dat zijn de kleuren van je huisstijl. Je kiest daaruit, maar je voegt zelf geen nieuwe kleuren of lettertypes toe. Zo blijft je website in stijl, wie er ook aan werkt.

In het kort

  • Kort antwoord: je kiest kleuren uit je huisstijl. De huisstijl zelf passen wij aan.
  • De kleuren hebben vaste namen, zoals Primary, Secondary en Gray.
  • Bij elke achtergrondkleur hoort een tekstkleur die goed leesbaar is.
  • Lettertypes liggen ook vast in de huisstijl.

Waar komen de kleuren vandaan?

Bij het bouwen van je website leggen wij je huisstijl vast: je kleuren, lettertypes, de ronding van knoppen en meer. Alle kleurkiezers in je website lezen die kleuren uit. Verandert een kleur in de huisstijl, dan verandert hij op de hele website tegelijk.

De namen van de kleuren

De kleuren hebben Engelse namen. Welke kleur erbij hoort, verschilt per website. Meestal zie je:

  • Primary: je hoofdkleur, bijvoorbeeld voor knoppen.
  • Secondary en Tertiary: je tweede en derde kleur. Soms is er ook Quaternary.
  • White, Black, Gray en Darkgray: neutrale kleuren.
  • Yellow, Succes (groen), Warning (oranje) en Error (rood): voor meldingen en accenten.
  • Transparent: geen kleur, de achtergrond eronder blijft zichtbaar.

Bij elke kleur hoort een tekstkleur. Kies je een donkere achtergrond, dan wordt de tekst vanzelf licht, en andersom.

Kleurstalen van een huisstijl met de namen Primary, Secondary, Tertiary, Quaternary, White, Black, Gray, Darkgray, Yellow, Succes, Warning, Error en Transparent, met hun kleurcode
Een voorbeeld van huisstijlkleuren. Op jouw website zijn de kleuren anders, de namen hetzelfde.

Waar kies je een kleur?

  • De Achtergrond kleur van een sectie. Zie een sectie een achtergrondkleur geven.
  • De Card achtergrond kleur van een kolom die als card wordt getoond.
  • De Kleur van een knop en de kleur van een icoon.
  • De achtergrondkleur van het blok Notitie / melding.
  • De kleur van de header, footer, topbar, socket en melding in de Algemene opties.
  • In het Tekst-blok kleur je losse woorden met de knop Kleur toevoegen in de werkbalk. Zie het Tekst-blok gebruiken.
Een geselecteerde sectie in de editor met rechts het paneel Achtergrond kleur met alle huisstijlkleuren als keuzes, rood omkaderd
Dit zijn je huisstijlkleuren. Je kiest er een uit, een eigen kleurcode kan niet.

Nog geen website op leflite?

Wij bouwen hem samen met jou. Daarna pas je alles zelf aan, precies zoals in dit artikel.

  • Online binnen een week
  • Hosting, SSL en back-ups inbegrepen
  • Vanaf €49,95 per maand
Website van Inspirare Coaching op een laptop

Waarom niet zelf een kleur toevoegen?

Een eigen kleurcode per blok lijkt handig, maar na een tijdje heeft je website tien bijna dezelfde blauwtinten. Met vaste huisstijlkleuren blijft alles bij elkaar passen, en de tekst blijft leesbaar omdat elke kleur een passende tekstkleur heeft. Daarom kun je in de kleurkiezers geen eigen kleur invullen.

Lettertypes

Ook de lettertypes en de grootte van koppen en tekst liggen vast in je huisstijl. In het Tekst-blok kies je wel tussen kop en gewone tekst, maar niet een ander lettertype. Zo zien alle pagina’s er hetzelfde uit.

Huisstijl laten aanpassen

Heb je een nieuwe huisstijl, wil je een kleur erbij of een ander lettertype? Wij passen dat voor je aan in de huisstijl van je website. Dan verandert het in één keer overal, ook in je logo en favicon als je die meestuurt. Neem contact met ons op. Heb je een onderhoudscontract, lees dan wat daarin zit op WordPress-onderhoud.

Lukt het niet?

  • Je mist een kleur. Die staat niet in je huisstijl. Wij kunnen hem toevoegen.
  • Tekst is slecht leesbaar op een kleur. Kies een andere achtergrondkleur. Blijft het lastig, laat ons dan de tekstkleur in de huisstijl aanpassen.
  • Een kleur ziet er anders uit dan de naam zegt. De namen zijn vast, de kleuren verschillen per website. Kijk naar het kleurvlakje, niet naar de naam.
  • Kom je er niet uit? Neem contact met ons op.

Veelgestelde vragen

Kan ik een eigen kleurcode invullen?

Nee. Zo blijft je website in stijl en blijft tekst leesbaar. Wil je een kleur erbij, vraag het ons.

Deel dit artikel

Robert Oosterloo

Robert Oosterloo is eigenaar en UX/UI-designer van Lef Creative in Kollum. Hij ontwerpt websites, webshops en software voor ondernemers in Noord-Nederland.

Lees ook

Ook zo’n website?

Je leest hier hoe makkelijk je een leflite-site zelf bijhoudt. Wil je er ook een? We denken vrijblijvend met je mee.

Liever direct contact? Bel Robert op 06 35 66 47 73 of stuur een .