Huidige Kleurenpallet

Waar worden kleuren ondermeer gebruikt

Kleur tekst
footer

Kleur
tekst knoppen en
menu (actief)

Kleur
hover knoppen

Kleur
knoppen

Kleur
achtergrond menu

Bijkomende Kleuren

KLEUR in LOGO

Kleur
heading

Kleur
heading +
menu on hover

Voorstel Kleurenpallet

Het aantal accent kleuren ligt best niet te hoog.
Vaak zijn 3 accent kleuren al voldoende. Het aantal laag houden, zorgt voor uniformiteit en een mooi samenhangend geheel.
Ik raad altijd aan om minstens 1 contrastkleur te selecteren (vb: een kleur die eruitspringt voor linken, knoppen e.d.)

Naast de accent kleuren gebruiken we ook neutrale kleuren. Zwart (tint) / Wit / Grijs (tint).

TER INFO: Ook al bepalen accentkleuren mee de look en feel van de site, het is niet zo dat de bezoekers op iedere pagina hoofdzakelijk die tinten zullen zien.
Het gaat om accenten, het zijn de kleuren waarmee we zaken willen laten opvallen. Voorbeeld: een knop om in te schrijven, een titel, een link, … , het kan dus zijn dat er op een bepaalde pagina maar 1 element in een accentkleur wordt weergegeven.

 

Afhankelijk van je wensen kunnen we natuurlijk altijd meer of andere kleuren selecteren

NEUTRALE KLEUREN

De neutrale kleuren (zwart/grijs/wit) worden vaak gebruikt (achtergronden, tekst, …).
Naast puur zwart nemen we een iets lichtere variant voor het lettertype.

ZWART

WIT

KLEUR LETTERTYPE
#2b2b2b

GRIJS
#d3d3d3

GRIJS
#f7f7f7

ACCENT KLEUREN

Variant 1

Hieronder een voorstel op basis van de huidige site. Ik zou voor 3 accentkleuren gaan. Bijkomend zou ik het ‘goud’ van het logo ook af en toe laten terugkomen (bv als transparante achtergrond of overlay). 

#a84000

#ec9712

#5e3c17

KLEUR in LOGO

KLEUR LOGO variant 5% transparant

Variant 2

Hieronder een variant gebasseerd op de huidige kleuren. De kleuren zijn iets meer uitgesproken en het contrast iets groter.
Het bruin is nogal donker, op sommige schermen gaat dat al snel op zwart gaan lijken  Oranje is daarentegen een bewezen webkleur. Het is lichter en een gekende specifieke actiekleur. De bijkomende kleur “Sea Pink”, legt een speels (en net iets vrouwelijker) accent.

#dc877f (new)

  • sweet, playful, cute, romantic, charming, feminine​

#a60303

  • energy, danger, strength,passion, desire, love.

#f2b705

  • freshness, happiness, positivity, optimism, joy

#f27405

  • enthusiasm, fascination, happiness, creativity, attraction, success, stimulation

KLEUR in LOGO

  • llumination, love, courage, passion, magic, grandeur and wisdom

KLEUR LOGO variant 30% transparant

Variant 3

Het bruin op de huidige site is volgens mij iets te donker, maar met bruin werken, kan dat zeker.
In dat geval zou ik voorstellen om een aantal lichtere varianten te kiezen. 
Bruin kan een warm en uitnodigend gevoel creëren als er met lichte tinten wordt gewerkt. 
Door een aantal bruintinten te combineren met een contrast kleur (Vb: het roze  en het goud uit het logo) kan er een mooi effect ontstaan. 

#dc877f (new)

#ba9584

#7f6b5a

#a27457

KLEUR in LOGO

  • llumination, love, courage, passion, magic, grandeur and wisdom

KLEUR LOGO variant 30% transparant

Op een rijtje:

#dc877f

#ba9584

#7f6b5a

#a27457

#dc877f

#a60303

#f2b705

#f27405

#dc877f

#a84000

#ec9712

#5e3c17

Scroll to Top