Pravilo 1
Krenite od fonta za tekst
Većina brenda je sitan tekst. Prvo odaberite font koji se dobro čita na 14-16 px.
Često je dovoljna jedna obitelj fontova. Kad spajate dva, neka budu jasno različiti i neka svaki ima svoj posao.
Dobra kombinacija fontova za tech i SaaS brend ima jedan jasan sans serif za tekst, a za naslove istu obitelj ili jasno drugačiji font. Svaki font ima jedan posao.
Ispod je 8 besplatnih parova s Google Fontsa. Svi imaju hrvatska slova č, ć, š, ž i đ. Uz to su pravila i test kojim par provjerite na svojim riječima prije odluke.
Pravilo 1
Većina brenda je sitan tekst. Prvo odaberite font koji se dobro čita na 14-16 px.
Pravilo 2
Dva fonta koja izgledaju skoro isto izgledaju kao greška. Jedna obitelj ili dva jasno različita.
Pravilo 3
Font za naslove za naslove. Font za tekst za sve ostalo. Bez trećeg fonta iz zabave.
Pravilo 4
Trebate barem regular i bold. Varijabilni fontovi daju sve debljine u jednoj datoteci.
Pravilo 5
Upišite č, ć, š, ž i đ, i velika slova. Puno lijepih fontova ih nema ili ih ima loše nacrtane.
Pravilo 6
Font morate smjeti koristiti na webu, u aplikacijama i u dokumentima. Google Fonts imaju otvorenu licencu.
Svi su besplatni na Google Fontsu i imaju hrvatska slova. Isprobajte ih na svom naslovu prije odluke.
| Naslovi | Tekst | Osjećaj | Dobro za |
|---|---|---|---|
| Inter | Inter | Neutralno, jasno | Dashboarde, SaaS kojem je proizvod u centru |
| Geist | Geist Mono za kod | Čisto, za developere | Developerske alate, API-je, AI alate |
| IBM Plex Sans | IBM Plex Mono | Čvrsto, tehnički | Enterprise, sigurnost, podatke |
| Space Grotesk | Inter | Mlado, oštro | AI startupe, lansiranja |
| Manrope | Manrope | Moderno, prijateljski | B2B platforme, studije |
| Fraunces | Inter | Toplo, urednički | Brendove sa sadržajem, HR tech |
| Instrument Serif | Inter | Mirno, premium | AI i financijske brendove koji žele toplinu |
| DM Sans | DM Mono | Mekano, jednostavno | Alate za male firme, aplikacije s puno uputa |
Provjereno 5. studenog 2026. na Google Fontsu: svaki font u tablici je pod licencom SIL Open Font License i ima latin-ext skup znakova, koji sadrži č, ć, š, ž i đ. Ipak ih upišite i pogledajte prije odluke.
Wordmark je drugačiji posao od fonta brenda. Logo može imati svoja nacrtana slova. Pogledajte dizajn wordmarka.
Besplatni alat
Odgovorite na nekoliko kratkih pitanja. Dobijete ocjenu brenda i prvu stvar za popraviti. Besplatno je i radi ovdje.
U mono fontu svako slovo je iste širine. To je alat, ne stil.
Pogledajte kako pravi SaaS webovi rade s fontovima u tekstu SaaS web stranice: primjeri i SaaS branding primjeri.
Ostavite e-mail. Ručno ih dizajniram i šaljem vam u roku od 48 sati. Ne košta vas ništa.
Javljam vam se s [email protected]. Ako ne vidite poruku, provjerite spam.
Složite ovu stranicu u bilo kojem alatu. Pogledajte je na laptopu i na mobitelu. Onda odlučite.
Font za naslove: [font], [debljina] Font za tekst: [font], [debljina] H1 (48-64 px): [vaš pravi naslov s naslovnice] H2 (28-36 px): [pravi naslov sekcije] Tekst (16 px): [pravi odlomak, 3-4 reda] Sitno (13-14 px): [prava napomena ili oznaka] Gumb (15-16 px): [pravi tekst gumba] Brojevi: 0123456789 | 12% | 3-5 dana | 1.250 Hrvatska slova: č ć š ž đ Č Ć Š Ž Đ Rečenica sa svim slovima: Gojazni đačić s biciklom drži hmelj i finu vatu u džepu nošnje. Slova koja se miješaju: Il1 O0 rn m Provjerite: - Čitate li sitni tekst na mobitelu? - Jesu li kvačice iste debljine i stila kao ostala slova? - Izgledaju li fontovi za naslov i tekst jasno različito ili jasno kao ista obitelj? - Jesu li brojevi poravnati u tablicama? - Izgleda li naslov dobro u jednom dugom redu i u tri kratka? - Liči li na tri najbliža konkurenta? Ako da, probajte drugi par.
Fontovi bez pravila brzo odlutaju. Stavite ove redove u knjigu grafičkih standarda.
1. Naslovi: [font], [debljina], samo prvo slovo veliko, prored [1.1]. 2. Tekst: [font], [debljina], [16] px na ekranu, prored [1.5]. 3. Nikad više od dva fonta na jednoj stranici. 4. Kod i tablice s podacima: [mono font]. 5. U Google Docsu, Slidesu ili Officeu koristite [zamjenski font] ako nema [font brenda]. Zamjenski font mora imati č, ć, š, ž i đ.
Tipografija je jedan dio sustava. Pogledajte sustav vizualnog identiteta, dizajn tokeni za brend i kako odabrati boje brenda.
Označite što je danas točno. Oznake ostaju na ovom uređaju.
Isprobajte jedan alat iz Brand OS Portala
Ovo je pravi alat iz pravog Brand OS Portala, na brendu MTG. Promijenite riječi. Fontovi, veličine i razmaci ostaju točni.
Nema jednog najboljeg. Jasan sans serif kao Inter, Geist ili IBM Plex Sans je siguran početak. Odaberite onaj koji pristaje vašim riječima za osjećaj i koji ne koriste vaši najbliži konkurenti.
Jedan ili dva. Jedna obitelj s više debljina je često dovoljna. Drugi font ima smisla samo ako ima jasan posao.
Upišite č, ć, š, ž i đ, mala i velika. Na Google Fontsu tražite podršku za latin-ext ili hrvatski jezik. Svih osam parova na ovoj stranici je ima.
Može dobro raditi: serif za naslove i sans serif za tekst daju toplinu i kontrast. Neka font za tekst bude jednostavan.
Da. Google Fonts su pod otvorenim licencama, većina pod SIL Open Font License, koja dopušta komercijalnu upotrebu.
Ne uvijek. Wordmark često ima nacrtana slova. Font brenda treba lijepo stajati pored njega. Pogledajte dizajn wordmarka.
"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 Stack8sDobijte ocjenu brenda i prvu stvar koju treba popraviti.
Javljam vam se za 2 do 8 sati.
Smijem li koristiti kolačiće za Google Analytics i Clarity da vidim koje stranice pomažu? Privatnost