Paleta de culori pentru brand: cum o construiești corect

Aproape toate paletele amatoricești au aceeași problemă: cinci culori de importanță egală. Rezultatul e că nicio culoare nu apucă să se repete destul cât să devină „a ta”, iar fiecare material nou arată ca al altcuiva.

Paletele care funcționează au o ierarhie strictă, iar cea mai mare parte a suprafeței e ocupată de neutre.

Structura: o culoare face 10% din muncă și tot restul înseamnă

Cum alegi accentul

Trei criterii, în ordinea importanței practice:

1. 01Diferențierea față de concurenți. Pune logourile a cinci concurenți pe un ecran. Dacă patru sunt albastre, al cincilea albastru nu va fi ținut minte de nimeni. Culoarea e cel mai ieftin instrument de diferențiare pe care îl ai.
2. 02Potrivirea cu [personalitatea](/ghiduri/strategie-de-brand). Nu în sensul superstițiilor din articolele despre psihologia culorilor, ci în sensul saturației și al luminozității: o culoare foarte saturată citește ca energie și urgență, una desaturată ca sobrietate, indiferent de nuanță.
3. 03Comportamentul tehnic. Trebuie să funcționeze ca fundal de buton cu text alb deasupra, să reziste la tipar CMYK fără să vireze și să nu fie invizibilă pe un ecran ieftin. Galbenul pur și cyanul pică frecvent aceste teste.

Despre psihologia culorilor, pe scurt: asocierile sunt reale, dar slabe și dependente de context și cultură. Contează mult mai mult consecvența, o culoare oarecare folosită disciplinat bate o culoare „corectă” folosită haotic.

Neutrele: unde se câștigă sau se pierde calitatea

Neutrele acoperă cea mai mare parte a oricărui material, deci ele decid impresia generală. Două lucruri le fac să arate scump:

• Nu folosi negru pur (#000000) și alb pur (#FFFFFF) ca perechi principale. Contrastul e agresiv pe ecran. Un „aproape negru” în jur de #0E0E10 și un „aproape alb” în jur de #FAFAFA arată imediat mai bine.
• Dă neutrelor o urmă din accent. Un gri cu o cantitate minusculă din nuanța accentului în el leagă întreaga paletă. Diferența e aproape imperceptibilă privind culoarea izolat și foarte vizibilă privind pagina întreagă.

Ai nevoie de trepte, nu de o singură valoare: text principal, text secundar, text estompat, linie de separare, fundal de suprafață. Cinci trepte acoperă aproape orice.

Contrastul: partea neopțională

Contrastul nu e o preferință estetică, e o condiție ca textul să poată fi citit, inclusiv de un client de 55 de ani, pe un telefon, afară. Pragurile din standardul WCAG sunt un minim rezonabil:

Verificarea durează secunde cu orice instrument de contrast. Cel mai frecvent defect real: text gri deschis pe fundal alb, pentru că „arată mai aerisit”, arată aerisit pe monitorul designerului și e ilizibil pe restul.

Modul întunecat

Dacă produsul tău e digital, ai nevoie de palete pentru ambele moduri, și nu se obține prin inversare. Două lucruri se schimbă obligatoriu: accentul trebuie luminat, pentru că o culoare saturată pe fundal închis pare mai închisă decât e, și suprafețele se ridică prin luminozitate, nu prin umbră, umbrele sunt aproape invizibile pe negru.

Ce fixezi în manual

• Toate codurile: HEX, RGB, CMYK, Pantone dacă tipărești mult.
• Proporțiile: cât la sută ocupă fiecare rol într-un material tipic.
• Perechile permise: ce text pe ce fundal, cu contrastul verificat.
• Interdicțiile: ce combinații nu se folosesc niciodată.
• Tokenii, dacă ai produs digital: nume semantice (`fundal`, `text-principal`, `accent`) în loc de nume de culoare. Când schimbi nuanța, schimbi o valoare, nu trei sute de locuri.

Toate astea își au locul în manualul de brand, lângă tipografie și regulile de logo.

Greșeli frecvente

• Culori luate dintr-o fotografie de moodboard. Arată bine în context și se prăbușesc scoase din el.
• Gradient în loc de culoare. Un gradient nu se poate tipări consecvent, nu se poate broda și nu poate fi codul unei culori.
• Paletă fără neutre. Cinci culori vii și niciun gri înseamnă că nu poți scrie un paragraf lizibil nicăieri.
• Verificarea doar pe ecranul propriu. Testează pe un telefon ieftin și, dacă tipărești, pe hârtie reală.
• Culori diferite în fișiere diferite. Cel mai comun defect real din firmele mici: trei nuanțe apropiate care se pretind aceeași culoare oficială.

Un mod rapid de a ajunge la o paletă coerentă

Dacă vrei să vezi mai multe direcții cromatice construite corect (cu trepte, neutre asortate și contrast verificat) pornind de la descrierea brandului tău, RHAM generează paleta odată cu restul identității și o exportă ca tokeni CSS, gata de folosit pe site. Rămâne editabilă: structura e generată, alegerea finală e a ta.