logo

Living styleguide

Kleur

De hoofdkleuren kenmerken diversiteit en levendigheid

Hier vind u een overzicht van de primaire en secundaire merkkleuren. Ook wordt de verhouding laten zien waarin de kleuren worden gebruikt

Kleurstalen

Primaire kleuren

primaire kleuren palette

White

De basis is wit en wordt gebruikt voor achtergronden.

Web orange

Orange is de kenmerkende funda-kleur die in verschillende maten in alle uitingen wordt gebruikt, het is wel afhankelijk van de type uiting en doelgroep.

Regent Blue

Dit is de meest gebruikte steunkleur en wordt vaak achtergrond toegepast of om lagen en diepte te creëren.

Lochmara

Deze merkkleur is vaak van toepassing bij funda business en voert de boventoon in de zakelijke communicatie. Voor communactie bij consumenten elementen mag het gebruikt worden in visuals, illustraties, UI-oplossingen als steunkleur.

Mine Shaft

Hoofdkleur voor alle teksten

Secundaire kleuren

Secundaire kleueren zijn steunkleuren, deze worden gebruikt om diepte en dynamiek te creëren in visuals, bewegend beeld en illustraties.

secundaire kleuren palette

Grijstinten

Voor de tekst en interface ondersteuning worden grijstinten worden gebruikt

grijstinten palette

Kleur in layout

De kleur zorgt voor hiërachie en helpt een boodschap over te brengen.

  • Wit: creëert focus;
  • Web Orange: accentueert;
  • Bahama Blue: accentueert;
  • Regent Blue: brengt diepte.

Lightmode, darkmode & contrastmode

Voor lightmode wordt het orginele kleurenpalet gebruikt. Bij darkmode veranderd de achtergrond naar zwart en sommige elementen worden een lichtere tint. Bij contrastmode worden de orange elementen donkerbruin, de blauwe elementen worden een donkere tint en grijstinten worden ook een donkere tint. De code hiervoor volgt hieronder.

code lightmodecode darkmodecode contrast mode