# Huisstijl met kleurverlopen: een eigen kleurverloopidentiteit [Canonical HTML page](https://gradiently.design/nl/guide/gradient-branding) Kleurverlopen zijn overal, en dat is precies het probleem. Zo maak je van een kleurverloop een identiteit die mensen herkennen, in plaats van een achtergrond die iedereen zou kunnen gebruiken. ## The short version - Huisstijl met kleurverlopen betekent een specifieke mix van kleuren gebruiken als kern en herkenbaar onderdeel van een merk, zoals andere merken één kleur gebruiken. - Een kleurverloop werkt alleen als huisstijl als het consistent is: dezelfde kleuren, richting, textuur en hetzelfde gedrag overal waar het merk verschijnt. - Populaire kleurverlopen worden door duizenden merken gedeeld, dus een kleurverloop uit een preset wordt zelden op zichzelf herkenbaar. - De sterkste kleurverloopidentiteiten voegen iets toe dat moeilijker te kopiëren is dan kleur: een materiaal, een textuur, een manier van bewegen of een manier van ruimte maken voor woorden. - Elke kleurverloopidentiteit heeft een vlakke terugvalkleur nodig voor kleine formaten, drukwerk in één kleur en plekken waar kleurverlopen niet kunnen worden weergegeven. **Huisstijl met kleurverlopen** is een bepaalde mix van kleuren gebruiken als kern van hoe mensen je herkennen, zoals een ander merk één rood bezit. Goed gedaan wordt het kleurverloop een handtekening: mensen zien een hoek van een post of een strookje van een header en weten van wie het is voordat ze een woord lezen. Slecht gedaan wordt het een prettige achtergrond die van iedereen zou kunnen zijn, omdat hij dat al is. Deze gids behandelt waarom kleurverlopen merkhandtekeningen werden, waarom de meeste niet herkenbaar zijn en de praktische stappen om er een te bouwen die je de jouwe kunt noemen. Ben je nieuw in het onderwerp, begin dan bij [wat een kleurverloop is](https://gradiently.design/nl/guide/what-is-a-gradient) en de [soorten kleurverlopen](https://gradiently.design/nl/guide/types-of-gradients). ## Waarom merken van vlakke kleur naar kleurverlopen gingen Flat design domineerde jarenlang de schermen omdat het strak, snel en makkelijk consistent te houden was. Maar vlakke kleur heeft een plafond: er zijn maar zoveel onderscheidbare tinten, en de meeste branches hebben al een kleur die iedereen gebruikt. Een kleurverloop vermenigvuldigt de mogelijkheden. Twee of drie kleuren, een richting en een textuur geven je een ruimte van combinaties die groot genoeg is om iets onderscheidends te vinden. Kleurverlopen voelen op schermen ook levend. Een overgang suggereert licht, diepte en beweging op een manier die één kleur niet kan, en daarom zie je ze zo vaak op app-iconen, lanceringspagina’s en productfilms. Een staande social post met de kop Vrijdag laat open op een donker, gloeiend kleurverloop Eén kleurverloopidentiteit op een feedpost… Een staande story die een nieuw menu aankondigt op hetzelfde kleurverloop als de post ernaast …en op een story. Hetzelfde materiaal, een andere taak. ## Waarom de meeste kleurverloophuisstijlen niet herkenbaar zijn Wat kleurverlopen makkelijk maakte, maakte ze ook gewoon. Ontwerptools leveren dezelfde presets, generators stellen dezelfde combinaties voor, en trends duwen iedereen tegelijk naar dezelfde overgang van paars naar roze of blauw naar petrol. Als duizenden merken beginnen bij dezelfde paar honderd kleurverlopen, zijn die kleurverlopen van niemand meer. - Violet naar roze: `linear-gradient(135deg, #7f5af0 0%, #ff6ac1 100%)` - Blauw naar cyaan: `linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)` - Orchidee naar koraal: `linear-gradient(135deg, #f093fb 0%, #f5576c 100%)` - Groen naar aqua: `linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)` Bekende overgangen met twee kleuren. Elk is aantrekkelijk, en elk wordt door zoveel merken gebruikt dat geen ervan zegt wie jij bent. Er is een tweede valkuil: inconsistentie. Een merk gebruikt één kleurverloop op de website, een net iets ander op social en een derde in de slides omdat iemand het uit het hoofd namaakte. Herkenning komt van herhaling, en herhaling vraagt dat het kleurverloop elke keer hetzelfde is. Onze gids over [merkconsistentie](https://gradiently.design/nl/guide/brand-consistency) gaat dieper in op waarom. ## Wat een kleurverloop echt van jou maakt Kleur alleen is makkelijk te lenen. Wat een kleurverloopidentiteit moeilijk te kopiëren maakt, is alles rond de kleur. Zie een kleurverloopidentiteit als een recept in plaats van een staal. | Ingrediënt | Wat het doet | Hoe moeilijk te kopiëren | | --- | --- | --- | | Kleuren | Het eerste wat mensen opvalt | Makkelijk: iedereen kan een hexcode overnemen | | Richting en opbouw | Lineair, radiaal, mesh of stromende velden | Makkelijk tot gemiddeld | | Materiaal en textuur | Korrel, zijde, glas, papier, licht | Moeilijk: het zit in hoe het oppervlak zich gedraagt | | Beweging | Hoe de kleur drijft of stroomt | Moeilijk: je hebt hetzelfde systeem nodig om het na te maken | | Gedrag bij woorden | Hoe het veld ruimte maakt voor tekst | Heel moeilijk zonder hetzelfde systeem | Hoe verder omlaag in de lijst, hoe meer een kleurverloop van jou wordt. Dit is het denken achter onderscheidende merkelementen: de elementen die op zichzelf herkenning oproepen, zonder logo. Een kleurverloop wordt pas zo’n element als het volledige recept consistent blijft. Lees meer in [onderscheidende merkelementen](https://gradiently.design/nl/guide/distinctive-brand-assets). ## Stap voor stap een kleurverloopidentiteit bouwen 1. **Begin bij wat mensen moeten voelen** Schrijf drie woorden op voor het karakter van je merk, zoals *rustig, precies, warm*. Die bepalen temperatuur, contrast en textuur voordat je naar één kleur kijkt. [Merkpersoonlijkheid](https://gradiently.design/nl/guide/brand-personality) heeft een eenvoudige methode. 2. **Kies een ondergrond** Bepaal of je kleurverloop op een donkere of een lichte ondergrond leeft. Donkere ondergronden laten kleur gloeien; lichte voelen luchtig en gedrukt. De meeste identiteiten kiezen er een en houden die aan. 3. **Kies drie tot vijf kleuren, niet twee** Overgangen met twee kleuren worden het vaakst gekopieerd. Een kleine familie van verwante kleuren met één accent geeft diepte en een betere kans om onderscheidend te zijn. Controleer dat de overgangen in het midden niet grijs worden; zie [modderige kleurverlopen](https://gradiently.design/nl/guide/muddy-gradients). 4. **Voeg een materiaal toe** Korrel, een zijdeglans, zacht licht of een papierstructuur verandert hoe dezelfde kleuren lezen. Hier zit het meeste karakter, en dit is het deel dat een kleurkiezer niet kan kopiëren. 5. **Bepaal hoe hij zich gedraagt bij woorden** Je kleurverloop gaat koppen, prijzen en datums dragen. Bepaal waar tekst staat en hoe de achtergrond er ruimte voor maakt. [Tekst op een kleurverloop](https://gradiently.design/nl/guide/text-on-gradient) behandelt de opties. 6. **Stel een vlakke terugvalkleur in** Kies één effen kleur uit het kleurverloop voor favicons, piepkleine formaten, borduurwerk en drukwerk in één kleur. Een kleurverloopidentiteit zonder terugval breekt op kleine formaten. 7. **Schrijf het op en gebruik het overal** Leg de kleuren, richting, textuur en terugval vast in je [merkstijlgids](https://gradiently.design/nl/guide/brand-style-guide), en pas het in dezelfde week op elk formaat toe. - Middernachtondergrond: #0e0a1f - Diep amethist: #3b1d6e - Violet licht: #8b5cf6 - Gloeiend roze: #f472b6 - Warm hooglicht: #fcd9c4 Een kleurverloopfamilie: een donkere ondergrond, drie verbonden kleuren en één warm hooglicht. Het hooglicht wordt spaarzaam gebruikt, en daardoor blijft het hangen. ## Een kleurverloop consistent houden in elk formaat Een vierkante post, een staande story en een banner van drie op één zijn verschillende problemen. Eén kleurverloopafbeelding over allemaal uitrekken vervormt hem en verplaatst het helderste deel naar de verkeerde plek. De oplossing is het kleurverloop te behandelen als iets wat je voor elke vorm rendert, niet als een plaatje dat je bijsnijdt. - Post 4:5: 1080 × 1350 - Story 9:16: 1080 × 1920 - X-header 3:1: 1500 × 500 - Slide 16:9: 1920 × 1080 Dezelfde identiteit, gerenderd voor elk formaat in plaats van uit één afbeelding bijgesneden. ### Vermijd - Het kleurverloop voor elk nieuw bestand uit het hoofd nabouwen - Eén brede afbeelding bijsnijden tot elk formaat - Een ander kleurverloop per platform - Geen vlakke kleur voor kleine formaten ### Doe - Eén opgeschreven recept dat iedereen gebruikt - Het kleurverloop voor elk formaat renderen - Eén identiteit, met variatie in lay-out en woorden - Eén terugvalkleur gekozen uit de familie ## Een kleurverloop echt bezitten Zelfs een zorgvuldig gebouwd kleurverloop kan door iemand anders worden nagemaakt en hergebruikt. Daarom behandelt Gradiently een kleurverloopidentiteit als een **Mark**: een levend recept van kleuren, materialen, licht, korrel en beweging dat achter alles rendert wat je ontwerpt, met een openbare code en precies één eigenaar tegelijk. Voordat een nieuwe Mark wordt gepubliceerd, wordt hij vergeleken met alle andere, en alles wat te dicht in de buurt komt wordt geweigerd, zodat de look die je claimt niet in de feed van iemand anders staat. Een Mark is een kleurverloopidentiteit met een eigenaar: zijn pagina toont zijn code, zijn maker en wie hem nu heeft. Je kunt duizenden Marks bekijken in de [Markt](/market), met elk ervan gratis ontwerpen en de Mark claimen die als jou voelt. Of maak je eigen in de [Forge](/forge), vanuit een zin of instelling voor instelling. > **Een snelle test** Dek je logo en je woorden af en laat een vreemde drie van je posts zien naast drie van een concurrent. Kan die niet zeggen welke van jou zijn, dan doet je kleurverloop nog niet het werk van een identiteit. ## FAQ ### Wat is een huisstijl met kleurverlopen? Een huisstijl met kleurverlopen gebruikt een specifieke mix van kleuren als kern en herkenbaar onderdeel van de identiteit van een merk, consequent toegepast in elk formaat, net als een kenmerkende merkkleur. ### Kun je een kleurverloop als merk laten registreren? Bescherming van kleuren en kleurcombinaties verschilt per land en vraagt meestal dat je aantoont dat mensen de kleuren al met je merk verbinden. Stel juridische vragen aan een merkenspecialist. ### Hoeveel kleuren moet een merkkleurverloop hebben? Drie tot vijf verwante kleuren werken meestal het best: genoeg voor diepte en onderscheid, weinig genoeg om consistent te blijven. Overgangen met twee kleuren zijn het makkelijkst te kopiëren. ### Werken logo’s met kleurverloop op kleine formaten? Vaak niet. Elke kleurverloopidentiteit hoort een vlakke terugvalkleur te hebben voor favicons, kleine iconen en drukwerk in één kleur, gekozen uit de kleurverloopfamilie. ### Hoe maak ik mijn kleurverloop uniek? Ga verder dan kleur: voeg een materiaal of textuur toe, bepaal hoe het beweegt en hoe het ruimte maakt voor woorden, en houd het overal identiek. Met Gradiently kun je ook een Mark claimen, een kleurverloopidentiteit met precies één eigenaar.