Jesu li boje vašeg brenda dovoljno čitljive na webu?

SurveyMonkey je 14. rujna 2026. objavio zanimljiv prikaz obnove svojeg vizualnog identiteta. Projekt nije započeo željom za novim logotipom, modernijim izgledom ili potpunom promjenom brenda. Početna točka bila je znatno praktičnija: dio postojećih kombinacija boja nije ostvarivao dovoljno dobar kontrast.

Provjera pristupačnosti postupno je otvorila pitanja o tipografiji, sučelju, marketinškim materijalima i dosljednosti identiteta. Tvrtka je zaključila da se problem ne može trajno riješiti povremenim zatamnjivanjem teksta ili ručnim prilagođavanjem svakog novog gumba. Trebao joj je sustav koji jasno određuje koje boje, nijanse i kombinacije smiju obavljati koju ulogu.

Za hrvatsku malu ili srednju tvrtku pouka nije da zbog jednog nečitljivog gumba odmah treba mijenjati cijeli identitet. Pouka je da boje brenda nisu samo estetski izbor. One moraju funkcionirati na web-stranici, društvenim mrežama, dokumentima, oglasima, cjenicima i svim drugim mjestima na kojima kupac treba nešto brzo pročitati ili učiniti.

Kako prepoznati da boje brenda stvaraju problem?

Najčešći znak nije ružan dizajn, nego sadržaj koji korisnik mora naporno čitati. Svijetlosivi tekst na bijeloj pozadini može djelovati profinjeno na dizajnerskom prikazu, ali na mobitelu, pri slabijem osvjetljenju ili na zaslonu niže kvalitete postaje gotovo nevidljiv.

Sličan problem nastaje kada se prepoznatljiva boja brenda koristi za svaku funkciju. Primjerice, svijetla žuta ili narančasta može biti odlična za ukrasne površine i velike naslove, ali loš izbor za sitan tekst, poveznice ili gumb s bijelim natpisom.

Posebno vrijedi provjeriti:

• glavni tekst i tekst manjih dimenzija na mobilnim uređajima,
• gumbe za slanje upita, kupnju i rezervaciju,
• poveznice unutar odlomaka i navigacije,
• tekst postavljen preko fotografija i videozapisa,
• poruke o pogrešci, obavijesti i statusne oznake,
• grafikone, cjenike, PDF dokumente i objave na društvenim mrežama.

Ako se čitljivost redovito popravlja dodavanjem sjene, obruba ili tamnog sloja iza teksta, to je koristan signal da osnovna kombinacija boja nije dovoljno pouzdana.

Provjera kontrasta ne znači automatski promjenu logotipa

Boja logotipa i boja funkcionalnih elemenata ne moraju se koristiti na isti način. Tvrtka može zadržati svoju prepoznatljivu boju u znaku, fotografijama, ilustracijama i većim površinama, a za tekst i gumbe uvesti tamniju ili svjetliju izvedenicu iste boje.

Zato kvalitetna paleta nije samo popis od tri ili četiri uzorka. Ona treba odrediti:

• primarne i pomoćne boje brenda,
• nijanse namijenjene tekstu i pozadinama,
• dopuštene kombinacije teksta i podloge,
• boje za gumbe, poveznice i druge interaktivne elemente,
• pravila za tisak, web, društvene mreže i prezentacije.

Takav pristup čuva prepoznatljivost, ali sprječava da svaki dizajner, zaposlenik ili vanjski suradnik samostalno odlučuje hoće li tekst biti bijel, crn ili u nekoj novoj nijansi. U sklopu razvoja logotipa i vizualnog identiteta upravo je ta dosljedna primjena jednako važna kao i izgled samog znaka.

Kada je dovoljna manja dorada, a kada treba obnoviti sustav?

Opseg zahvata ovisi o tome je li problem izoliran ili se ponavlja kroz cijelu komunikaciju. Ako samo jedan gumb na web-stranici ima slab kontrast, često ga je moguće popraviti promjenom pozadine ili boje teksta. To nije razlog za rebranding.

Šira dorada postaje opravdana kada se ista poteškoća pojavljuje na više mjesta:

• primarna boja ne funkcionira ni sa svijetlim ni s tamnim tekstom,
• web, cjenik i društvene mreže koriste različite izvedenice boja,
• zaposlenici nemaju upute za izradu novih materijala,
• postoje samo datoteke logotipa, ali ne i pravila primjene,
• identitet je nastao prvenstveno za tisak, a danas se većinom koristi digitalno.

U tim slučajevima cilj nije nužno izgledati drukčije. Cilj je izgraditi operativan vizualni sustav koji se može primjenjivati bez stalnih improvizacija. Upravo je to važna razlika između ukrasne palete boja i stvarnog identiteta brenda.

Na projektu Coco Salona vizualni jezik nije ostao ograničen na logotip. Prenesen je na web-stranicu i sustav rezervacija kako bi put od prvog dojma do dogovorenog termina ostao dosljedan. Takva povezanost pokazuje zašto se odluke o boji, tipografiji i digitalnim elementima trebaju donositi kao dio istog sustava.

Praktičan primjer odluke prije redizajna weba

Zamislimo salon koji već godinama koristi nježnu ružičastu kao glavnu boju. Na natpisu, ambalaži i fotografijama ona dobro prenosi željenu atmosferu. Na web-stranici se, međutim, ista ružičasta koristi za gumbe za rezervaciju, a natpis na njima je bijel.

Vlasnica primjećuje da korisnici često pregledaju usluge, ali ne dolaze do rezervacije. To samo po sebi ne dokazuje da je problem u boji gumba, ali je razlog za provjeru. Test pokazuje da je natpis teško čitljiv, posebno na manjim zaslonima.

Postoje najmanje tri moguća rješenja:

1. zadržati ružičastu pozadinu, ali upotrijebiti dovoljno taman tekst,
2. uvesti tamniju nijansu ružičaste samo za gumbe i poveznice,
3. koristiti neutralan taman gumb, a prepoznatljivu ružičastu zadržati u okolnim elementima.

Potpuna promjena logotipa u tom scenariju vjerojatno nije potrebna. Potrebno je jasno pravilo za digitalnu primjenu. Ako se tijekom pregleda pokaže da ni tipografija, predlošci objava, cjenik i ostali materijali nisu usklađeni, tada manja provjera može opravdano prerasti u obnovu šireg vizualnog sustava.

Što provjeriti prije sljedeće kampanje ili izrade weba?

Najbolji trenutak za provjeru nije nakon što su web-stranica, oglasi i promotivni materijali već izrađeni. Pregled treba napraviti prije dizajna, dok se problematične kombinacije još mogu promijeniti bez ponavljanja cijelog posla.

Praktična kontrolna točka može sadržavati pet koraka:

1. popisati sve službene boje i njihove točne vrijednosti,
2. testirati stvarne kombinacije teksta i pozadine, a ne samo pojedinačne boje,
3. provjeriti gumbe, obrasce i navigaciju na mobilnom uređaju,
4. odrediti dopuštene nijanse i uloge svake boje,
5. zapisati pravila u kratke i razumljive smjernice primjene.

Važno je testirati stvarne scenarije. Kombinacija koja dobro izgleda u velikom naslovu ne mora biti prikladna za opis proizvoda, cijenu ili poveznicu. Jednako tako, vizual koji prolazi provjeru na bijeloj podlozi može postati nečitljiv kada se postavi preko fotografije.

SurveyMonkeyjev primjer pokazuje da provjera pristupačnosti može otkriti širi problem, ali i pomoći tvrtki da preciznije odluči što treba mijenjati. Kontrolno pitanje zato nije samo „sviđaju li nam se ove boje?”, nego „mogu li ih naši kupci bez napora koristiti u svim važnim koracima?”.

Ako boje dobro funkcioniraju, nema razloga mijenjati ih zbog trenda. Ako otežavaju čitanje ili svaka primjena zahtijeva novo improvizirano rješenje, vrijedi doraditi paletu i pravila prije sljedećeg ulaganja u web ili kampanju. Za pregled postojećeg identiteta i razgovor o potrebnom opsegu dorade možete nam se javiti s primjerima materijala koje trenutačno koristite.