In de sectie Kleuren bepaal je alle kleuren van je webshop. Door consistente kleuren te kiezen geef je je shop een professionele, herkenbare uitstraling die past bij jouw merk.
Waar vind je deze instellingen?
Ga naar Instellingen → Designopties en open de sectie Kleuren in het linkerpaneel.
Beschikbare kleurinstellingen
De customizer biedt de volgende kleuropties. Klik op elk kleurvak om een kleurkiezer te openen, kies een kleur en zie de wijziging direct terug in de live preview.
- Hoofdkleur – De belangrijkste accentkleur van je webshop. Wordt gebruikt voor knoppen, links, hover-effecten en andere interactieve elementen. Kies hier de kleur van je merk.
- Tweede kleur – Een aanvullende accentkleur voor secundaire elementen zoals badges en notificaties.
- Kleur teksten – De standaardkleur van alle gewone tekst in je webshop (productbeschrijvingen, menu-items, algemene tekst).
- Kleur titels – De kleur van koppen en titels (H1, H2, H3). Vaak een donkerdere of opvallendere kleur dan de gewone tekst.
- Kleur van de randen/belijning – Bepaalt de kleur van lijnen en omlijningen op je webshop, zoals de randen om producttegels of tussen secties.
- Schaduwranden – Kleur van de subtiele schaduwen die om elementen worden getoond (cards, pop-ups, knoppen bij hover).
- Kleur productprijzen – Een aparte kleur voor productprijzen zodat ze opvallen in productlijsten en op productpagina’s.
- Paginatitel achtergrond – De achtergrondkleur van het blok waarin de paginatitel wordt getoond (bijvoorbeeld bovenaan een categoriepagina).
- Paginatitel breadcrumb – De kleur van de broodkruimel-navigatie in de paginatitel.
- Paginatitel – De kleur van de titeltekst zelf in het paginatitel-blok.
Tips voor een goede kleurkeuze
- Beperk je palet. Kies maximaal 2 tot 3 hoofdkleuren plus neutrale tinten (zwart, wit, grijs). Te veel kleuren maken je webshop onrustig.
- Zorg voor contrast. Tekst moet goed leesbaar zijn tegen de achtergrond. Donkere tekst op lichte achtergrond werkt het beste.
- Volg je huisstijl. Gebruik dezelfde kleuren als op je logo, visitekaartjes en social media. Dat versterkt de herkenbaarheid.
- Test de prijskleur. De kleur van productprijzen moet opvallen maar niet schreeuwerig zijn. Donkerrood of donkergroen werkt vaak goed.
Live preview
Elke kleurwijziging zie je direct in het live preview-venster rechts. Schakel met de knoppen rechtsboven tussen desktop, tablet en mobiel om te controleren of de kleuren op elk apparaat goed werken.
Publiceren
Wijzigingen worden automatisch als concept bewaard. Zodra je tevreden bent, klik je linksboven op Publiceer om de nieuwe kleuren op de live webshop zichtbaar te maken.
