HRKorak 1
Zapišite tri riječi
Kako se kupac treba osjećati? Mirno, sigurno, toplo, odvažno. Boja slijedi te riječi.
Kako odabrati boje brenda u 7 koraka.
Ne krećite od omiljene boje, nego od osjećaja koji kupac treba imati. Zatim svaku boju testirajte u stvarnoj upotrebi.
Boje brenda birate tako da krenete od svoje pozicije i kupaca. Pogledajte koje boje koriste konkurenti, zatim odaberite jednu glavnu boju koja se od njih razlikuje, dvije ili tri neutralne za tekst i pozadine i jednu naglasnu boju.
Provjerite kontrast svakog para da se tekst lako čita. Onda paletu isprobajte na stvarnim stvarima: slajdu, objavi, tamnom ekranu i maloj ikoni. Zapišite kodove da svi koriste iste.
Autor Vedran Obradović · Ažurirano 04.11.2026.
Kako odabrati boje brenda, korak po korak.
Korak 2
Pogledajte konkurente
Stavite njihove logotipe i stranice jedne do drugih. Zapišite glavnu boju svakog.
Korak 3
Odaberite jednu glavnu boju
Boju po kojoj će vas ljudi pamtiti. Drugačiju od najbližih konkurenata.
Korak 4
Dodajte neutralne boje
Tamnu za tekst, svijetlu za pozadine, jednu ili dvije sive. One rade najviše posla.
Korak 5
Dodajte jednu naglasnu boju
Malu, jarku boju za gumbe i važne točke. Koristite je štedljivo.
Korak 6
Provjerite kontrast
Provjerite svaki par teksta i pozadine. Sitan tekst treba jak kontrast.
Korak 7
Testirajte u stvarnoj upotrebi
Slajdovi, objave, tamni ekran, tiskani list, ikona od 16 px. Popravite što ne prolazi.
Napravite kartu boja konkurenata.
Većina B2B tech tržišta puna je iste plave. Karta pokaže gdje ima mjesta.
Karta boja konkurenata
Konkurent | Glavna boja | Naglasna | Svijetla ili tamna stranica | Osjećaj [Ime 1] | [boja] | [boja] | [svijetla/tamna] | [riječ] [Ime 2] | [boja] | [boja] | [svijetla/tamna] | [riječ] [Ime 3] | [boja] | [boja] | [svijetla/tamna] | [riječ] [Ime 4] | [boja] | [boja] | [svijetla/tamna] | [riječ] Boje koje nitko ne koristi: [popis] Boje koje koriste svi: [popis] Naše tri riječi: [riječ], [riječ], [riječ] Ideje za glavnu boju koje pašu uz riječi i prazninu: [boja], [boja], [boja]
Stvarne primjere pogledajte u tekstovima SaaS branding primjeri i branding za kibernetičku sigurnost, primjeri.
Brand OS Portal
Dobijte 3 predloška u svom brendu. Besplatno.
Ostavite e-mail. Ručno ih dizajniram i šaljem vam u roku od 48 sati. Ne košta vas ništa.
Primio sam. Danas krećem s vašima. Vaša 3 besplatna predloška stižu vam u roku od 48 sati.
Javljam vam se s [email protected]. Ako ne vidite poruku, provjerite spam.
Svakoj boji dajte posao.
Paleta radi kad svaka boja ima jasnu ulogu i otprilike svoj dio prostora.
| Uloga | Dio stranice | Posao | Primjer |
|---|---|---|---|
| Pozadina | Oko 60 % | Mirni prostor | Gotovo bijela ili vrlo tamna |
| Tekst | Oko 25 % | Lako čitanje | Gotovo crna ili gotovo bijela |
| Glavna boja | Oko 10 % | Kaže "ovo smo mi" | Naslovi, oblici, logo |
| Naglasna boja | Oko 5 % | Pokaže na jednu stvar | Jedan gumb, jedan važan broj |
| Pomoćne boje | Po potrebi | Grafikoni i stanja | Uspjeh, upozorenje, greška |
Besplatni alat
Boje su jedan dio. Koliko je jak ostatak?
Odgovorite na nekoliko kratkih pitanja. Dobijete ocjenu brenda i prvu stvar koju treba popraviti. Besplatno je i radi ovdje.
Provjerite kontrast prije nego se zaljubite u boju.
Boja koja ne prolazi kontrast ne može nositi tekst. Saznajte to sada, ne kad je web gotov.
- Sitan tekst: omjer kontrasta barem 4,5 prema 1 s pozadinom (WCAG AA)
- Veliki tekst i ikone: barem 3 prema 1
- Jarke naglasne boje: često ne prolaze kao boja teksta, pa ih koristite za oblike i gumbe s tamnim tekstom
- Tamni način: paletu testirajte i na tamnoj pozadini, mnogim bojama treba svjetlija verzija
- Daltonizam: nikad ne pokazujte značenje samo bojom, dodajte riječ ili ikonu
Svaku boju zapišite jednom kao token, da web, prezentacije i AI alati koriste istu vrijednost. Više u tekstu dizajn tokeni za brend.
Kopirajte list s paletom brenda.
Popunite ga i stavite u knjigu grafičkih standarda. Obrišite svaku boju koja nema posao.
List s paletom brenda
Boje brenda [brend] Glavna boja: [naziv] HEX [#000000] | RGB [0, 0, 0] | CMYK [0, 0, 0, 0] | Pantone [kod] Posao: [logo, naslovi, veliki oblici] Naglasna boja: [naziv] HEX [#000000] | RGB [0, 0, 0] Posao: [jedan gumb ili jedna važna točka po stranici]. Nikad kao boja teksta na svijetloj pozadini. Tamna: [naziv] HEX [#000000]. Posao: tekst na svijetlom, tamne pozadine. Svijetla: [naziv] HEX [#000000]. Posao: pozadine, tekst na tamnom. Siva: [naziv] HEX [#000000]. Posao: linije, sitne napomene. Parovi koji prolaze kontrast: [tamna na svijetloj], [svijetla na tamnoj], [tamna na naglasnoj] Parovi koje nikad ne koristimo: [naglasna na svijetloj za tekst], [glavna na tamnoj za sitan tekst]
Gdje paleta stoji u cijeloj knjizi, piše u tekstu što sadrži knjiga grafičkih standarda.
Checklista za boje brenda.
Označite što je danas točno. Oznake ostaju na ovom uređaju.
0 od 10 gotovo
MTG
Brand OS Pro Portal. Tim sam radi svoje objave. Bez čekanja.
Deepsea Networks
Brand OS Core Portal. Direktor napiše i složi LinkedIn objavu u brendu za oko 3 minute.
Boje su dio većeg sustava. Pogledajte sustav vizualnog identiteta, a ako trebate cijeli identitet, vizualni identitet.
Pattern Lab
Isprobajte jedan alat iz Brand OS Portala
Paleta na djelu.
Ovo je pravi alat iz pravog Brand OS Portala, na brendu MTG. Napravite uzorak. Boje i pravila brenda ostaju točni.
Kratki odgovori.
Koliko boja treba imati brend?
Većini brendova dovoljna je jedna glavna boja, jedna naglasna i dvije ili tri neutralne. To je ukupno četiri do šest.
Što je pravilo 60-30-10 za boje?
Jednostavan vodič: oko 60 % mirne osnove, 30 % druge boje i 10 % naglaska. Na ovoj stranici 30 % dijelim na tekst i glavnu boju, što bolje paše B2B webu.
Treba li tech tvrtka koristiti plavu?
Može, ali mnoge tech tvrtke već je koriste. Ako su vam konkurenti plavi, drugačija glavna boja pomaže da vas zapamte.
Što znače boje u brendu?
Značenje boja mijenja se po kulturi i tržištu. Vaše tri riječi i vaši konkurenti reći će vam više od tablice značenja boja.
Kako provjeriti kontrast boja?
Koristite bilo koji besplatni WCAG alat za kontrast. Ciljajte 4,5 prema 1 za sitan tekst i 3 prema 1 za veliki.
Mogu li kasnije promijeniti boje brenda?
Možete, ali to traži posao na svakoj datoteci. Dobro testirajte sada. Ako mijenjate, pogledajte rebranding checklistu.
Ne morate mi vjerovati na riječ.
"He is a brand magician; he understood the challenge quickly and delivered a brand identity, complete with motion graphics, messaging, etc."
Leah MarsdenCMO, MTG
"It was never really about creating one logo. It was about building something strong enough to grow with the company."
Pierre-Marc NoëlFounder & CEO, Deepsea Networks
"The brand looks premium and actually fits an AI / tech company, and the guidelines are so clear our team just uses them without asking questions."
Jeremy MurrayFounder, KORDIN and Stack8s
Koliko je jak vaš brend? Provjerite besplatno.
Dobijte ocjenu brenda i prvu stvar koju treba popraviti.
Radije mi pišete?
Primio sam.
Javljam vam se za 2 do 8 sati.