Câte culori și câte fonturi să folosești ca site-ul să nu pară de kitsch

Dacă te uiți la site-ul tău și simți că e ceva „prea mult”, dar nu știi exact ce, aproape sigur problema e la câte culori și câte fonturi ai amestecat. E cea mai frecventă cauză a senzației de kitsch — și, vestea bună, e și cea mai ușor de reparat.

Nu ai nevoie de „gust” ca să scapi de asta. Ai nevoie de o regulă simplă și de disciplina să o respecți peste tot. În articolul ăsta îți dau exact regula pe care o folosesc designerii profesioniști: câte culori, câte fonturi, cum le alegi ca să meargă împreună și un test rapid pe care îl faci în două minute înainte să publici. Fără teorie inutilă — doar ce aplici azi.

Regula scurtă: 2-3 culori, maximum 2 fonturi

Dacă reții un singur lucru din tot articolul, reține ăsta: un site care arată curat folosește 2-3 culori și cel mult 2 familii de fonturi. Punct.

La culori înseamnă, în practică:

• o culoare neutră dominantă (de obicei alb sau un gri foarte deschis pentru fundal)
• o culoare închisă pentru text (negru moale sau gri-închis, nu negru pur agresiv)
• o singură culoare de accent — cea care atrage atenția pe butoane, linkuri, titluri importante

La fonturi: unul pentru titluri, unul pentru text. Sau, și mai simplu, un singur font folosit în greutăți diferite. Kitsch-ul apare aproape întotdeauna când depășești aceste limite — al patrulea accent, al treilea font — nu când le respecți.

De ce apare, de fapt, senzația de kitsch

Un site pare ieftin nu pentru că are culori „urâte”, ci pentru că nimic nu are prioritate. Când tot textul e colorat, nimic nu iese în evidență. Când sunt trei-patru accente aprinse, ochiul nu știe unde să se uite și totul pare că țipă deodată.

La fel cu fonturile. Fiecare font are o „personalitate”. Când pui trei-patru pe aceeași pagină, e ca și cum patru oameni ar vorbi în același timp, fiecare pe alt ton. Creierul cititorului simte dezordinea chiar dacă nu o poate numi.

Secretul site-urilor care arată scump e invers: multă liniște (neutre, spațiu alb) și un singur loc unde se întâmplă „culoarea”. Contrastul funcționează doar dacă e rar.

Cum alegi culorile care chiar merg împreună

Nu ghici din cap. Pornește de la ceva ce ai deja — logo-ul, un produs, o fotografie reprezentativă — și scoate de acolo culoarea ta de accent.

Pui reguli concrete:

• Neutrele fac cea mai mare parte a muncii: fundal deschis, text închis. Ele ocupă majoritatea paginii.
• Accentul apare puțin și mereu în același rol: butoane, linkuri, câteva detalii. Nu îl împrăștia peste tot.
• Dacă vrei mai multă variație, folosește nuanțe ale aceleiași culori (mai deschis / mai închis), nu culori noi.

Un ghid vechi și de încredere e 60-30-10: aproximativ 60% neutru dominant, 30% o a doua culoare mai discretă, 10% accentul. Nu-l măsura cu rigla — reține doar ideea: accentul e cel mai puțin folosit, tocmai de asta iese în evidență.

Cum alegi fonturile fără să dai greș

Cea mai sigură alegere pentru cineva nesigur pe gust: un singur font, bine ales, folosit în greutăți diferite. Titlurile groase și mari, textul normal și liniștit. Asta îți dă deja ierarhie fără niciun risc.

Dacă vrei două fonturi, pune-le să fie clar diferite, nu vag asemănătoare — de exemplu un font cu „piciorușe” (serif) pentru titluri și unul simplu, curat (sans-serif) pentru text. Două fonturi care seamănă între ele arată ca o greșeală, nu ca o alegere.

Ierarhia (ce e important, ce e secundar) se face din mărime și greutate, nu din culori sau fonturi noi. Un titlu mare și gros bate orice culoare aprinsă. Rezistă tentației de a sublinia importanța cu încă o culoare — mărește-l, îngroașă-l, lasă-i spațiu în jur.

Testul de două minute înainte să publici

Înainte să dai drumul la site, fă verificarea asta rapidă:

• Numără culorile vizibile pe o pagină. Mai mult de trei (fără nuanțele neutrului)? Taie.
• Numără fonturile. Mai mult de două? Scoate unul.
• Fă o captură și transform-o în alb-negru (sau mijește ochii). Dacă tot se înțelege ce e important și ce nu, ierarhia ta e sănătoasă. Dacă totul arată la fel de „tare”, n-ai suficient contrast în mărime.
• Verifică dacă butonul principal de acțiune are aceeași culoare peste tot. Dacă e roșu pe o pagină și verde pe alta, cititorul nu mai învață unde să apese.

Dacă îți e greu să vezi obiectiv propriul site — e normal, ești prea aproape de el — un ochi din afară ajută enorm.

La MPO Web Studio lucrăm exact pe principiul ăsta: îți construim întâi un demo gratuit al site-ului, cu paleta și fonturile deja puse cap la cap curat, ca să vezi rezultatul înainte să plătești ceva. Lucrăm remote, în toată țara, cu prețuri transparente. Dacă vrei o părere sinceră pe site-ul tău actual, scrie-ne pe WhatsApp — îți spunem pe scurt ce ai de tăiat.