Po co w ogóle opisywać typografię w księdze znaku
Typografia w księdze znaku to w praktyce instrukcja obsługi tekstu w Twojej marce. Bez tych wskazówek każdy dział, każdy podwykonawca i każdy grafik zaczyna robić „po swojemu”. Na początku wygląda to niewinnie: ktoś zmieni font w prezentacji, ktoś inny zastosuje inną wielkość tekstu na ulotce. Po kilku miesiącach marka przestaje wyglądać jak całość.
Wystarczy spojrzeć na typowe sytuacje w firmie:
- oferty handlowe w trzech różnych krojach pisma, bo każdy handlowiec ma swoje „ulubione czcionki”,
- strona internetowa z jednym fontem, prezentacje z innym, a dokumenty PDF z jeszcze kolejnym,
- materiały drukowane z przestarzałym fontem, który „tak wyszedł z drukarni, bo nie mieli innego”.
Na zewnątrz daje to wrażenie chaosu, nawet jeśli logo i kolory pozostają takie same. Odbiorca nie analizuje tego świadomie, ale podskórnie wyczuwa brak konsekwencji.
Typografia jako „drugi głos” marki obok logo
Logo najczęściej widzi się krótko i w małym rozmiarze. Tekstów – nagłówków, claimów, ofert, postów – odbiorca widzi dużo więcej. Dlatego krój pisma staje się w praktyce drugim głosem marki: określa, czy marka brzmi bardziej formalnie, miękko, technologicznie, przyjaźnie czy „urzędowo”.
Dwa proste przykłady z praktyki:
- marka medyczna używa lekkiego, ozdobnego pisma dla długich tekstów informacyjnych – efekt: trudna w lekturze broszura i wrażenie braku powagi,
- startup technologiczny wybiera „urzędowy” font z dokumentów urzędowych – komunikacja wygląda ciężko i staroświecko, mimo nowoczesnego logo.
Opis typografii w księdze znaku pozwala unikać takich zgrzytów. Ustala, jak używać fontów, żeby ten „drugi głos” był spójny ze strategią marki, a nie przypadkowym wyborem kogoś z zespołu.
Typografia jako instrukcja dla ludzi, a nie praca naukowa
Rozdział o typografii w brandbooku nie jest podręcznikiem projektowania graficznego. Ma być narzędziem: zrozumiałym dla grafika, ale także dla działu marketingu, zarządu czy asystentki, która przygotowuje zaproszenia na event.
Dlatego:
- nie ma sensu rozpisywać historii typografii ani wywodów o „humanistycznych kształtach kroju” – grafik rozumie, reszta nie potrzebuje,
- kluczowe są konkretne zasady: jaki font, gdzie, w jakiej wielkości, z jakimi odstępami,
- język powinien być prosty: zamiast „interlinia 130%” – „odstęp między wierszami około 1,3 wysokości liter”.
Jeśli rozdział o typografii czyta osoba nietechniczna i po kilku minutach jest w stanie przygotować spójny dokument w Wordzie lub prezentację, oznacza to, że opis jest wystarczająco praktyczny.
Co zwykle wystarcza małej i średniej firmie
W małej lub średniej firmie nie ma potrzeby tworzenia stu stron teoretycznych zasad. W praktyce wystarcza kilka jasno opisanych elementów:
- font podstawowy – do większości komunikacji,
- font uzupełniający – do dłuższych tekstów, tabel, prezentacji,
- ewentualny font akcentowy – do krótkich haseł, jeśli ma sens,
- prosta hierarchia – jak wyglądają nagłówki, akapity, cytaty,
- minimum parametrów – sugerowane wielkości, odstępy i przykłady.
Taki zakres pozwala zachować spójność, a jednocześnie nie przytłacza czytelnika. Zespół ma jasne wskazówki, ale nadal może swobodnie pracować w różnych narzędziach (Word, PowerPoint, Canva, aplikacje do newsletterów).
Różne grupy odbiorców księgi znaku i ich potrzeby
Rozdział o typografii czytają zwykle cztery grupy:
- zarząd – chce rozumieć, że typografia wspiera wizerunek marki, ale nie potrzebuje technicznych detali,
- dział marketingu – potrzebuje jasnych zasad, żeby nadzorować materiały wewnętrzne i zewnętrzne,
- grafik / studio graficzne – oczekują precyzyjnych parametrów i informacji o licencjach,
- drukarnia – interesuje ją przede wszystkim, czy ma odpowiedni font i jakie są minimalne rozmiary dla czytelności.
Dobrze napisany rozdział o typografii godzi interesy tych grup. Dla zarządu i marketingu zawiera krótkie objaśnienia „po co”, dla grafika i drukarni – konkretne dane i przykłady. Klucz polega na tym, żeby nie pisać pod jedną grupę, lecz pod wszystkie, używając prostego języka i wspierając opis wizualnymi przykładami.
Krótki słownik po ludzku – podstawowe pojęcia typograficzne
Niewielki słowniczek terminów na początku rozdziału o typografii bardzo ułatwia komunikację. Dzięki niemu, gdy piszesz „nie używamy wersalików w nagłówkach”, każdy wie, o co chodzi, zamiast zgadywać.
Font, krój pisma, rodzina – jak to rozróżnić w praktyce
Projektanci odróżniają font, krój pisma i rodzinę, ale w księdze znaku nie ma potrzeby wchodzić w akademickie spory. Co do zasady wystarczy:
- font / krój pisma – słowo używane wymiennie, oznacza po prostu „konkretny typ liter”, np. „Lato”, „Merriweather”, „Roboto”,
- rodzina fontu – zestaw stylów jednego fontu, np. Regular, Italic, Bold, Light.
Bezpieczną praktyką jest używanie w księdze znaku jednego określenia, np. „font”, i krótkie wyjaśnienie na początku, że tak nazywany jest „krój pisma używany w marce”. To eliminuje późniejsze dyskusje „czy chodzi o font, czy rodzinę kroju”.
Pismo szeryfowe i bezszeryfowe – po co o tym wspominać
Szeryfy i bezszeryfy są dziś jednym z podstawowych podziałów krojów pisma. Warto je omówić krótko, bo wiele decyzji w typografii marki na tym się opiera.
Proste objaśnienie wystarczy:
- pismo szeryfowe – litery mają małe „ogonkowe” zakończenia (szeryfy). Przykłady: używane często w książkach i bardziej formalnych dokumentach.
- pismo bezszeryfowe – litery są „gładkie”, bez ozdobnych zakończeń. Przykłady: typowe kroje używane w interfejsach, aplikacjach, nowoczesnych serwisach.
Wystarczy dodać krótką uwagę, gdzie dany rodzaj pisma sprawdza się lepiej:
- szeryfowe – często dobre dla dłuższych tekstów drukowanych (raporty, broszury),
- bezszeryfowe – zwykle lepsze na ekranach i w krótkich komunikatach (nagłówki, przyciski).
Zamiast rozpisywać się, można obok definicji pokazać dwa krótkie bloczki tekstu: jeden szeryfowy, drugi bezszeryfowy, z podpisem „pismo szeryfowe” i „pismo bezszeryfowe”. Taki przykład wizualny natychmiast wyjaśnia różnicę.
Wersaliki, kapitaliki, kursywa, pogrubienie – bez straszenia terminologią
Te cztery pojęcia często pojawiają się w wytycznych, dlatego opłaca się je nazwać po imieniu i objaśnić prosto:
- wersaliki – zapis tekstu samymi dużymi literami, np. „OFERTA SPECJALNA”,
- kapitaliki – litery wyglądają jak duże, ale mają dwa rozmiary (pierwsza większa, kolejne mniejsze),
- kursywa – pochylony tekst, zwykle używany do wyróżnień lub cytatów,
- pogrubienie – grubsza wersja liter, używana do wskazania, co w zdaniu jest najważniejsze.
Zamiast teoretyzować, można pokazać po jednym przykładzie w formie krótkiego wiersza tekstu w księdze znaku, z podpisem „tak wygląda kursywa marki”, „tak stosujemy pogrubienie”. Dobrze jest od razu dodać 1–2 proste zasady, np.: „w newsletterach stosujemy pogrubienie zamiast podkreśleń” lub „nie używamy wersalików w długich zdaniach, bo pogarszają czytelność”.
Interlinia, światło, odstępy między literami – jak nazwać „oddech” tekstu
Osoby spoza projektowania często nie znają terminów „interlinia” czy „kerning”, ale widzą, gdy tekst jest „ściśnięty” lub „rozpływa się” na stronie. W słowniczku warto użyć prostych nazw z krótkim komentarzem:
- interlinia – odstęp między wierszami tekstu; im większa interlinia, tym tekst jest „luźniejszy” i łatwiejszy w czytaniu,
- odstępy między literami – przestrzeń między poszczególnymi znakami; zbyt małe tworzą „zlaną” linię tekstu, zbyt duże utrudniają płynne czytanie,
- światło – ogólne „powietrze” wokół tekstu: marginesy, odstępy nad i pod akapitami.
Zamiast rozpisywać definicje, można napisać: „Tekst powinien mieć tyle powietrza, aby czytało się go bez wysiłku. W praktyce oznacza to interlinię około 1,3–1,5 wysokości liter oraz czytelne marginesy po bokach”. To nie jest akademicko precyzyjne, ale wystarczająco jasne dla osób, które będą na co dzień pracować z tekstem.
Jak uniknąć encyklopedycznego tonu
Słowniczek w rozdziale o typografii nie musi przypominać podręcznika. Przydatne są trzy zasady:
- minimum terminów, maksimum przykładów – nazwać tylko to, co później jest używane w wytycznych,
- zawsze dodać obrazek lub próbkę tekstu – definicja + przykład „tak to wygląda”,
- unikać suchych definicji – zamiast: „interlinia to…” można napisać: „odstęp między wierszami tekstu, który wpływa na wygodę czytania”.
Taki słowniczek można umieścić jako pierwszą lub drugą podsekcję rozdziału typograficznego, dzięki czemu wszystkie kolejne zapisy typu „stosuj interlinię 130%” są już zrozumiałe i nie budzą obaw.
Jak wybrać kroje pisma do marki (i jak to jasno opisać)
Dobór fontów w księdze znaku bywa źródłem stresu, zwłaszcza gdy decydują o nim osoby, które „nie czują się projektantami”. Dobrą wiadomością jest to, że w większości marek wystarczy kilka rozsądnych kryteriów i prosty zapis, zamiast rozbudowanego uzasadnienia artystycznego.
Jeden krój czy kilka? Typowy zestaw dla marki
Co do zasady w małej i średniej firmie sprawdza się taki zakres krojów pisma:
- font podstawowy – używany w większości materiałów: nagłówki, tekst główny, krótkie komunikaty,
- font uzupełniający – np. do dłuższych tekstów, dokumentów, tabel,
- font akcentowy (opcjonalny) – krótki, charakterystyczny font do haseł, cytatów, wyróżników.
W księdze znaku można opisać to jednym zdaniem: „Marka korzysta z dwóch głównych fontów: X jako podstawowego oraz Y jako uzupełniającego. Dodatkowo w krótkich hasłach dopuszczony jest font akcentowy Z”. Taki układ jest łatwy do zapamiętania i nie generuje wrażenia „zbyt wielu krojów naraz”.
Jeżeli marka chce maksymalnej prostoty (np. w projektach urzędowych lub bardzo formalnych), dopuszczalne jest ograniczenie się do jednego fontu z dobrze opisaną hierarchią (różne stopnie i pogrubienia). Wtedy jednak trzeba szczególnie jasno opisać, jak z tego jednego kroju wyciągnąć różne poziomy nagłówków, leadów i akapitów.
Charakter marki a typografia: jak to przełożyć na konkrety
Charakter marki (formalna, przyjazna, technologiczna, luksusowa) można przełożyć na język typografii bez żargonu. Praktyczne podejście wygląda tak:
- marka formalna – font bardziej klasyczny, uporządkowany, często szeryfowy lub bezszeryfowy o neutralnym kształcie,
- marka przyjazna / lifestyle – font z miękkimi kształtami, większym „oddechem” między literami,
- marka technologiczna – kroje bezszeryfowe, czytelne w małych rozmiarach, często o lekko „technicznych” proporcjach,
- marka premium / luksusowa – fonty o wyraźnym charakterze, czasem szeryfowe, często z wyraźnym kontrastem grubości kresek.
Jak testować, czy wybrany krój „niesie” charakter marki
Sam opis typu „font technologiczny” jest zbyt ogólny, żeby podjąć decyzję. Bezpieczniej jest przetestować 2–3 realne sytuacje, w których marka rzeczywiście używa tekstu. Wtedy łatwo zobaczyć, czy krój pasuje do tonu komunikacji i nie utrudnia pracy zespołowi.
Prosty zestaw testów może wyglądać tak:
- nagłówek + krótki lead – sprawdzenie, czy font dobrze wygląda w dużym rozmiarze i przy 2–3 linijkach tekstu,
- akapit tekstu – przynajmniej 5–7 linijek, aby ocenić komfort czytania,
- przycisk / krótka etykieta – np. „Zamów”, „Pobierz PDF”, „Zarejestruj się”,
- fragment tabeli lub formularza – kilka pól z podpisami, liczby, oznaczenia.
W księdze znaku dobrze jest pokazać takie przykłady dokładnie tak, jak będą używane. Zamiast lorem ipsum można użyć typowych sformułowań z oferty lub z interfejsu. Dzięki temu czytelnik od razu widzi, że to wytyczne dla jego codziennych zadań, a nie akademicki pokaz.
Jeżeli podczas takiego testu widać, że:
- nagłówki są zbyt „agresywne” wobec spokojnego tonu marki,
- dłuższy tekst męczy oczy lub „faluje”,
- liczby i małe napisy w tabelach są mało czytelne,
lepiej zmienić font na tym etapie niż po wydruku setek materiałów. W księdze znaku można dopisać jedno proste zdanie typu: „Wybrano font X, ponieważ pozostaje czytelny w małych rozmiarach i pasuje do spokojnego, rzeczowego tonu marki”. To wystarczy jako uzasadnienie dla osób decyzyjnych.
Dobór fontów ekran–druk: jak uniknąć dwóch różnych „światów”
W wielu organizacjach komunikacja rozdziela się na dwa kanały: materiały drukowane i cyfrowe. W księdze znaku ten podział warto opisać jednym prostym schematem, żeby uniknąć sytuacji, w której każdy dział wybiera coś innego.
Praktyczny podział może wyglądać następująco:
- font ekranowy – stosowany w serwisach, aplikacjach, newsletterach; przetestowany pod kątem czytelności na różnych urządzeniach,
- font drukowany – używany w raportach, broszurach, prezentacjach do druku; dobrze wypadający na zwykłym papierze biurowym i w druku cyfrowym.
Nie zawsze trzeba używać dwóch różnych krojów. Często ten sam font (szczególnie neutralny bezszeryfowy) sprawdza się zarówno na ekranie, jak i w druku. Jeżeli jednak marka decyduje się na dwa odrębne kroje, w księdze znaku przydaje się prosta matryca użycia, np. w formie tabeli:
- strona www, aplikacja, maile transakcyjne – font A,
- umowy, oferty, raporty – font B,
- prezentacje multimedialne – font A (ze względu na ekran),
- materiały promocyjne do druku (ulotki, plakaty) – font A dla nagłówków, font B dla dłuższych tekstów.
Zamiast rozbudowanej teorii wystarczy krótki komentarz typu: „Aby uniknąć chaosu, w dokumentach formalnych używamy wyłącznie fontu B, również w stopkach i tabelach”. To precyzuje zasady i zmniejsza ryzyko, że każdy dział „zinterpretuję typografię po swojemu”.
Licencje i dostępność fontów – jak opisać to bez prawniczego żargonu
Fonty mają swoje licencje, co w praktyce oznacza, że nie każdy można używać dowolnie i wszędzie. W rozdziale typograficznym księgi znaku dobrze jest poświęcić temu choćby pół strony, zapisanej prostym językiem.
Przydatny zakres informacji to:
- źródło fontu – skąd został pobrany lub zakupiony (np. konkretna platforma lub strona producenta),
- rodzaj licencji – np. „licencja komercyjna na X stanowisk” lub „font open source, do użytku komercyjnego”,
- ograniczenia – np. czy można osadzać font w plikach PDF, używać w aplikacji webowej, udostępniać pliki klientom.
Zamiast cytać pełne zapisy licencyjne, można je streścić w dwóch–trzech jasnych punktach, a na końcu dodać krótką uwagę: „Szczegóły licencji znajdują się w dziale prawnym / w archiwum IT”. Dzięki temu osoba odpowiedzialna za komunikację wie, że pewne rzeczy wymagają sprawdzenia, ale nie musi czytać całej umowy licencyjnej.
Ważne jest również wskazanie, gdzie przechowywane są pliki źródłowe fontów i kto odpowiada za ich dystrybucję. Prosty zapis: „Pliki fontów dostępne są w katalogu X, za ich udostępnianie odpowiada dział Y” potrafi oszczędzić wielu pytań i nieporozumień, zwłaszcza przy współpracy z zewnętrznymi agencjami.
Opis hierarchii tekstu: jak prowadzić wzrok czytelnika krok po kroku
Poziomy nagłówków, leadów i akapitów – minimalny zestaw, który wystarczy
Żeby typografia marki była spójna, same nazwy fontów nie wystarczą. Trzeba jeszcze ustalić, jak wyglądają poszczególne poziomy informacji: co jest nagłówkiem, co wprowadzeniem, a co zwykłym tekstem. W praktyce dla większości marek wystarczą 3–4 poziomy.
Przejrzysty schemat może być taki:
- nagłówek główny (H1) – największy rozmiar, zwykle pogrubiony; stosowany raz na stronę lub slajd,
- nagłówek drugiego poziomu (H2) – mniejszy niż H1, ale wyraźnie widoczny,
- nagłówek trzeciego poziomu (H3) – używany przy dłuższych treściach, np. w raportach czy obszernych artykułach,
- tekst główny – podstawowy akapit, z którego korzysta się najczęściej.
Każdy z tych poziomów można w księdze znaku opisać prostym wzorem, np.:
- H1: font X Bold, 32 pt, interlinia 120%, odstęp nad 24 pt, odstęp pod 16 pt,
- H2: font X Bold, 24 pt, interlinia 120%, odstęp nad 18 pt, odstęp pod 12 pt,
- tekst główny: font X Regular, 11 pt (druk) / 16 px (www), interlinia 140%.
Najważniejsze, aby unikać zbędnego rozdrobnienia. Jeżeli każdy podtytuł będzie miał osobne zasady, osoby tworzące materiały zaczną je upraszczać „po swojemu”. Lepiej mieć mniejszą liczbę poziomów, ale dokładnie opisanych w kilku zdaniach i pokazanych na przykładach.
Jak zapisać rozmiary i odstępy w sposób zrozumiały dla różnych zespołów
Tekst w prezentacji, w druku i na stronie www bywa tworzony przez różne osoby, które posługują się innymi programami. Stąd biorą się nieporozumienia typu „czy 14 punktów w Wordzie to to samo, co 14 pikseli na stronie?”. Żeby tego uniknąć, w księdze znaku można przyjąć prostą metodę podwójnego zapisu.
Przykładowo:
- tekst główny: 11 pt w Wordzie / 16 px na stronie www,
- nagłówek H1: 24 pt w Wordzie / 32 px na stronie www,
- interlinia: 1,3–1,5 w edytorach tekstu / 130–150% w stylach CSS.
Obok takich zapisów dobrze jest dodać krótką uwagę w stylu: „W prezentacjach PowerPoint dopuszcza się większe rozmiary ze względu na rzutnik i odległość od ekranu”, oraz prosty przykład: slajd tytułowy, slajd z treścią. Osoba przygotowująca prezentację od razu widzi, jak orientacyjnie skalować typografię.
Jeżeli marka intensywnie korzysta z narzędzi biurowych (Word, Excel, PowerPoint), przydatne są 1–2 zrzuty ekranu z zaznaczonymi ustawieniami stylów (np. „Styl: Nagłówek 1 – font X, 16 pt, kolor Y”). Taki zapis jest często skuteczniejszy niż ogólny opis „nagłówki piszemy większą czcionką”.
Jak opisać wyróżnienia w tekście, żeby nie zamienić strony w „choinkę”
W codziennej pracy różne osoby chcą podkreślić „to, co ważne”. Bez jasnych zasad prowadzi to do stosowania naraz pogrubień, wersalików, podkreśleń i kolorów. W księdze znaku można temu zapobiec, definiując prosty zestaw dozwolonych wyróżnień.
Typowy i bezpieczny schemat to:
- pogrubienie – do zaznaczenia słów kluczowych w akapicie,
- kursywa – do tytułów publikacji, nazw własnych lub krótkich cytatów,
- kolor – jedynie dla linków lub wyjątkowych elementów (np. ważnych ostrzeżeń),
- wersaliki – tylko w krótkich etykietach (np. „FAQ”, „DANE”), nie w całych akapitach.
W opisie dobrze jest zaznaczyć ograniczenia, np.: „W jednym zdaniu stosujemy najwyżej jedno wyróżnienie” albo „Nie łączymy pogrubienia z kolorem, poza przyciskami w interfejsie”. To jasny sygnał dla osób piszących teksty, że określone połączenia są po prostu niedozwolone – nie z powodów estetycznych, lecz dla czytelności.
Typografia w dokumentach i prezentacjach firmowych
Szablony biurowe: minimum reguł, które rozwiązuje większość problemów
Umowy, oferty, notatki czy prezentacje są często tworzone poza działem projektowym. Jeśli typografia w tych materiałach nie jest ujęta w księdze znaku, powstaje równoległy „świat” dokumentów, które wizualnie nie przypominają marki.
Rozsądnym podejściem jest powiązanie księgi znaku z konkretnymi szablonami biurowymi. Można to opisać w sposób maksymalnie praktyczny:
- szablon dokumentu A4 (Word lub odpowiednik) – określić font, rozmiar i interlinię dla tekstu głównego, nagłówków, numeracji, stopki,
- szablon prezentacji – osobne ustawienia dla slajdu tytułowego, slajdu z treścią, slajdu z podsumowaniem,
- szablon tabel i wykresów – font dla nagłówków kolumn, opisów osi, podpisów pod wykresami.
W księdze znaku wystarczy wskazać, że takie szablony istnieją i jakich zasad typograficznych się w nich trzymać, np.: „We wszystkich dokumentach tekst główny zapisujemy fontem X, 11 pt, interlinia 1,3, wyjustowanie do lewej”. Oszczędza to każdorazowego „wymyślania” ustawień przez poszczególne działy.
W praktyce wiele problemów rozwiązuje jedna uwaga: „Nie używamy w dokumentach innych fontów niż X (podstawowy) i Y (akcentowy), także w tabelach i wykresach”. Taki zapis jest prosty do zapamiętania i ogranicza liczbę kombinacji.
Numeracja, wypunktowania i cytaty – drobiazgi, które porządkują całość
Numerowane listy, wypunktowania czy wcięte cytaty zajmują w dokumentach sporo miejsca, a jednocześnie rzadko mają jasno opisane zasady. Wystarczy kilka prostych reguł, żeby te elementy były spójne i czytelne.
Dobry punkt wyjścia to:
- wypunktowania – ten sam font i rozmiar co tekst główny, niewielkie wcięcie, jedna linijka odstępu przed i po liście,
- listy numerowane – stosowane, gdy kolejność ma znaczenie; numer wraz z kropką (1., 2., 3.), bez dodatkowych nawiasów,
- cytaty – wcięte z lewej strony, często mniejszym lub większym krojem, czasem kursywą; podpis źródła zawsze tym samym stylem.
W księdze znaku można pokazać jeden krótki przykład: fragment oferty z nagłówkiem, akapitem, listą wypunktowaną i cytatem referencyjnym. Podpisy w stylu „przykład poprawnego układu” pomagają w praktyce bardziej niż abstrakcyjne definicje.
Typografia w kanałach cyfrowych: od strony www po social media
Styl tekstu na stronie internetowej – jak przekuć wytyczne na CSS
W księdze znaku typografia dla www bywa opisana bardzo ogólnie, a potem każdy developer i content manager interpretuje ją inaczej. Lepiej jest zapisać kilka podstawowych parametrów w formie, którą łatwo przełożyć na style CSS, ale jednocześnie nie gubić prostoty języka.
Przykładowy opis może wyglądać tak:
- tekst główny: font X, 16 px, interlinia 150%, wyrównanie do lewej, maksymalna szerokość kolumny 70 znaków,
- nagłówki H1–H3: font X Bold, skala rozmiarów malejąca (np. 32 / 24 / 20 px),
- linki w tekście: ten sam rozmiar co tekst, kolor Y, bez podkreślenia; podkreślenie pojawia się dopiero po najechaniu.
Responsywność typografii – jeden zestaw zasad na wiele ekranów
Strona, która dobrze wygląda na dużym monitorze, na telefonie potrafi zamienić się w ścianę tekstu. Dlatego w księdze znaku typografia powinna uwzględniać choćby podstawowe zasady skalowania na różne rozdzielczości. Nie chodzi o pełną specyfikację techniczną, lecz o jasny kierunek dla zespołu digitalowego.
Przydatny jest prosty podział na trzy zakresy:
- ekrany małe (mobile) – telefony w orientacji pionowej,
- ekrany średnie (tablety, małe laptopy),
- ekrany duże (monitory biurkowe).
Dla każdego z nich można wskazać ogólne wytyczne, np.:
- mobile: tekst główny 16–18 px, nagłówki proporcjonalnie większe, skrócone odstępy między akapitami,
- tablety: tekst główny 16 px, zbliżona hierarchia do desktopu, ale zredukowana liczba poziomów nagłówków na pojedynczym ekranie,
- desktop: tekst główny 16–18 px, pełna hierarchia H1–H3, szersze marginesy boczne.
Deweloperowi wystarczy taka rama, by dobrać konkretne wartości w CSS. Osoby nietechniczne dostają jasny sygnał: na telefonie treści mają być czytelne bez powiększania, a na dużym ekranie – nie rozlewać się na całą szerokość.
Przydatna jest też krótka uwaga, jak traktować duże napisy „hero” w górnej części strony: czy mogą łamać ogólne reguły (np. bardzo duży krój, mniejszy kontrast), czy jednak stosują się do standardowej skali nagłówków.
Typografia w przyciskach, formularzach i komunikatach systemowych
Elementy interfejsu – przyciski, pola formularzy, komunikaty błędów – często są projektowane osobno, co prowadzi do chaosu w krojach, rozmiarach i kolorach. W księdze znaku można je objąć jednym, zwięzłym zestawem zasad.
Dobrze jest rozróżnić trzy podstawowe grupy:
- przyciski (CTA) – krótkie teksty typu „Wyślij”, „Zapisz się”,
- formularze – etykiety pól, tekst w polach, podpowiedzi,
- komunikaty systemowe – informacje, ostrzeżenia, błędy.
Przykładowe, czytelne zapisy mogą wyglądać tak:
- przyciski: font X Medium, 14–16 px, wszystkie litery wersalikami lub tylko pierwsza litera wielka (trzeba wybrać jeden wariant),
- etykiety pól formularza: font X Regular, 14 px, zawsze nad polem, a nie wewnątrz,
- komunikaty błędu: font X Regular, 13–14 px, kolor ostrzegawczy z palety marki, bez wersalików i bez używania koloru jako jedynego nośnika informacji.
Przy przyciskach przydatna jest jedna ogólna zasada: „Teksty w przyciskach zawsze są krótkie, w formie czasownika (‘Zapisz’, ‘Wyślij formularz’) i nie zawierają kropek na końcu”. Dzięki temu nawet przy kilku autorach treści komunikacja w interfejsie wydaje się spójna.
W komunikatach systemowych dobrze działa rozróżnienie na trzy tony:
- komunikaty informacyjne – neutralny kolor, prosta forma,
- ostrzeżenia – ciemniejszy odcień koloru akcentowego,
- błędy – kolor ostrzegawczy, ale z zachowaniem czytelności na jasnym i ciemnym tle.
W księdze znaku nie trzeba szczegółowo opisywać całej biblioteki komponentów. Wystarczy kilka typowych przykładów z komentarzem, jakiej typografii używać i czego unikać (np. wersalików w długich komunikatach).
Posty w social mediach i grafiki okolicznościowe – jak ograniczyć „fajerwerki”
Materiały do social mediów często tworzone są w pośpiechu przez różne osoby i narzędzia (Canva, Figma, edytory wbudowane w platformy). W efekcie w jednym tygodniu marka używa trzech różnych krojów, a w kolejnym – dodatkowego, przypadkowego fontu. Kilka prostych reguł pomagających trzymać się jednej linii typograficznej znacząco ułatwia pracę.
Dobrze jest wskazać:
- jeden font główny do grafik statycznych – ten sam, który funkcjonuje w identyfikacji,
- ewentualny font uzupełniający – tylko jeśli rzeczywiście jest potrzebny, np. do większych, ekspresyjnych nagłówków,
- maksymalną liczbę stylów na jednej grafice – np. nagłówek, podtytuł i mały podpis.
W praktyce wystarczy jeden przykład layoutu posta z opisem: „Nagłówek: X Bold, 32–40 pt, wyrównanie do lewej; podtytuł: X Regular, 18–20 pt; podpis/logo: X Regular, 12 pt”. Taki szablon staje się punktem odniesienia dla różnych typów treści (cytaty, promocje, komunikaty rekrutacyjne).
Przy okolicznościowych grafikach (święta, jubileusze, kampanie tematyczne) przydaje się jasne zastrzeżenie: „Nie dodajemy nowych krojów pism specjalnie na potrzeby pojedynczej okazji”. Jeżeli dopuszcza się wyjątki (np. kampania roczna z własnym hasłem), dobrze wskazać, kto decyduje o takim odstępstwie – zwykle dział brandingu lub agencja prowadząca.
Typografia a dostępność: proste regulacje, które robią dużą różnicę
Kontrast, rozmiar i długość linii – podstawowe kryteria czytelności
Dostępność kojarzy się często z technicznymi standardami, tymczasem wiele wymogów sprowadza się do zdrowego rozsądku. Typografia, która jest przyjazna osobom ze słabszym wzrokiem czy trudnościami w czytaniu, zwykle jest po prostu wygodniejsza dla wszystkich.
W księdze znaku warto ująć trzy najprostsze obszary:
- kontrast tekstu i tła – unikać jasnoszarych tekstów na białym tle i słabego kontrastu na zdjęciach,
- minimalny rozmiar tekstu – osobno dla druku i ekranu,
- długość linii – tekst w zbyt szerokich kolumnach jest trudny do śledzenia.
Przykładowe, wystarczająco precyzyjne zapisy:
- na www: tekst główny nie mniejszy niż 16 px, nagłówki odpowiednio większe; na urządzeniach mobilnych unikać zmniejszania tekstu poniżej tej wartości,
- w druku: tekst główny co do zasady nie mniejszy niż 9 pt w materiałach informacyjnych, a w materiałach mających być długo czytane – 10–11 pt,
- maksymalna długość linii w tekstach ciągłych: ok. 60–80 znaków na desktopie i 35–45 znaków na telefonie.
Kontrast można opisać prosto: „Tekst informacyjny (w tym regulaminy, warunki, opisy produktów) nie jest drukowany ani wyświetlany jaśniej niż kolor #777777 na białym tle”. Dla bardziej rozbudowanych systemów można dodać odwołanie do wskaźnika kontrastu (np. WCAG), ale w podstawowej wersji wystarczy jedna lub dwie pary bezpiecznych kolorów.
Wyróżnienia a osoby z dysleksją i słabszym wzrokiem
Stosowanie wielu rodzajów wyróżnień w jednym akapicie utrudnia lekturę, szczególnie osobom z dysleksją lub przy zmęczonym wzroku. Już wcześniej zostały opisane generalne reguły używania pogrubień, kursywy, koloru. W części dotyczącej dostępności warto doprecyzować, jakie skutki mają te decyzje.
Przydatne są wskazówki w rodzaju:
- nie używać kapitalików ani wersalików do całych akapitów tekstu,
- w dłuższych blokach tekstu unikać kursywy jako podstawowego stylu – może utrudniać rozpoznawanie liter,
- nie opierać się wyłącznie na kolorze przy przekazywaniu informacji (np. „terminy przekroczone na czerwono”), lecz łączyć kolor z ikoną lub krótkim opisem.
Jeżeli marka planuje materiały kierowane do szkół, instytucji publicznych lub szerokich grup odbiorców, można rozważyć dopisanie jednej zasady: „W materiałach edukacyjnych nie stosujemy długich linii tekstu ani zbyt małych odstępów między wierszami”. Z doświadczenia wynika, że jedna taka uwaga wystarczy, by projektanci i wydawcy zwrócili większą uwagę na komfort czytania.
Organizacja i wersjonowanie zasad typografii
Jak podzielić wytyczne, żeby nie zginęły w gąszczu dokumentów
Im większa organizacja, tym więcej osób korzysta z księgi znaku w różny sposób. Dla jednych kluczowe będą wytyczne dla www, dla innych – szablony ofert. Dlatego część typograficzną dobrze jest ułożyć tak, aby można było ją czytać fragmentami, bez konieczności przeglądania setek stron.
Sprawdza się prosty podział na bloki:
- typografia podstawowa – kroje, style, hierarchia nagłówków i tekstu głównego,
- typografia biurowa – Word, PowerPoint, dokumenty PDF wysyłane klientom,
- typografia cyfrowa – www, aplikacje, newslettery, social media.
Każdy blok może zaczynać się jedną stroną „podsumowania operacyjnego”: krótką tabelą lub listą zasad, które są absolutnym minimum. Poniżej umieszcza się szczegóły i przykłady. Osoby, które mają mało czasu, przeczytają tylko skrót; ci, którzy projektują nowe rozwiązania, sięgną po rozwinięcie.
Jeżeli księga znaku funkcjonuje w wersji cyfrowej (np. jako miniportal), warto przewidzieć prostą nawigację: osobne zakładki „Dokumenty biurowe”, „Prezentacje”, „Strona www”. Dzięki temu osoba z działu sprzedaży łatwo trafia do sekcji, która ją dotyczy, zamiast przedzierać się przez wytyczne dla programistów.
Aktualizacje i wyjątki – co dopisać, żeby uniknąć nieporozumień
Typografia żyje razem z marką. Pojawiają się nowe kanały, nowe narzędzia i formaty, a stare wytyczne wymagają doprecyzowania. Jeżeli w księdze znaku pojawi się choćby krótki opis trybu wprowadzania zmian, wiele sporów udaje się rozwiązać z wyprzedzeniem.
W praktyce przydatne są trzy elementy:
- data i numer wersji części typograficznej,
- zakres zmian – krótka notatka, czego dotyczy aktualizacja (np. „dodano zasady dla newsletterów”),
- miejsce na „uzgodnione wyjątki” – np. dopuszczenie innego kroju w aplikacji partnera.
Wyjątki dobrze jest spisywać w formie prostych, zrozumiałych zapisów, np.: „W aplikacji X, rozwijanej wspólnie z partnerem, stosujemy font systemowy iOS/Android, z zachowaniem naszych kolorów i stylu nagłówków”. Taka notatka pozwala uniknąć sytuacji, w której po kilku latach nikt nie pamięta, dlaczego w jednym kanale marka wygląda inaczej.
Przy każdej większej zmianie (np. wymianie kroju podstawowego) opłaca się przygotować krótkie „przejściowe” instrukcje: jak długo można używać starych szablonów, kto odpowiada za ich aktualizację i czy istnieją materiały, których nie trzeba poprawiać wstecznie (np. archiwalne raporty). Dla osób zarządzających komunikacją to często ważniejsze od samego opisu fontu.
Współpraca z agencjami i freelancerami – jak przekazywać zasady typografii
Nowe kampanie, landing page’e czy materiały video powstają często poza organizacją. Jeżeli zasady typografii są dla partnerów niejasne albo rozproszone po wielu dokumentach, każda współpraca zaczyna się od serii pytań. Można temu przeciwdziałać, przygotowując skrócony pakiet startowy.
Taki pakiet zwykle zawiera:
- jednostronicowy „skrót typograficzny” – kroje, podstawowe rozmiary, hierarchię nagłówków,
- odwołanie do pełnej księgi znaku z zaznaczeniem, które fragmenty są kluczowe dla danego projektu (np. „sekcja: landing page + social media”),
- przykładowe materiały referencyjne – 2–3 aktualne realizacje, które dobrze odzwierciedlają obowiązujące zasady.
W specyfikacji dla agencji można dodać zapis wprost: „Prosimy nie wprowadzać nowych krojów pisma bez uzgodnienia z osobą odpowiedzialną za markę” oraz wskazać kontakt. Tak proste zdanie często powstrzymuje eksperymenty typu „dodaliśmy nowy font, bo pasował do kampanii”, które później trudno odkręcić.
Jeżeli w organizacji istnieje wewnętrzny zespół UX lub brandowy, dobrze jest jasno określić, który zespół ma ostatnie słowo w sprawach typografii. Z punktu widzenia agencji jedna, nazwiska lub funkcja, do której można się odwołać, usuwa większość niejasności.
Praktyczne przykłady opisów w księdze znaku
Przykład opisu dla raportu rocznego lub publikacji długiej
Dłuższe publikacje – raporty, katalogi, white papers – mają własną dynamikę. Bez jasnej struktury typograficznej szybko zamieniają się w zbiór niepowiązanych wizualnie rozdziałów. W księdze znaku można przygotować uproszczony model takiej publikacji, który później da się łatwo adaptować.
Przykładowy zestaw zasad obejmuje:
Najczęściej zadawane pytania (FAQ)
Po co w ogóle opisywać typografię w księdze znaku?
Opis typografii porządkuje sposób używania tekstu w całej marce. Bez jasnych zasad każdy zespół wybiera „swój” font, rozmiar i sposób wyróżnień, co po kilku miesiącach prowadzi do wizualnego chaosu – nawet jeśli logo i kolory pozostają spójne.
Wprowadzenie prostych wytycznych (jakie fonty, gdzie i w jaki sposób stosować) sprawia, że oferty, strona www, prezentacje i materiały drukowane wyglądają jak elementy jednej marki, a nie przypadkowy zbiór dokumentów.
Jak prosto opisać typografię w brandbooku, żeby każdy ją zrozumiał?
Przy opisie typografii najlepiej ograniczyć się do konkretów: nazwa fontu, obszar zastosowania, podstawowe rozmiary i odstępy, kilka przykładów nagłówków i akapitów. Zamiast żargonu technicznego sprawdzają się zwykłe sformułowania, np. „odstęp między wierszami około 1,3 wysokości liter”, „nagłówki piszemy normalną wielkością liter, bez wersalików”.
Dobrym testem jest sytuacja, w której osoba nietechniczna (np. asystentka zarządu) po przeczytaniu dwóch–trzech stron potrafi przygotować poprawnie sformatowaną ofertę w Wordzie lub prezentację sprzedażową.
Jakie elementy typografii są naprawdę potrzebne małej lub średniej firmie?
W mniejszych organizacjach zwykle wystarczy kilka kluczowych ustaleń zamiast rozbudowanej teorii. Co do zasady sprawdza się zestaw:
- font podstawowy – do większości materiałów (oferty, strona www, prezentacje),
- font uzupełniający – do dłuższych tekstów, tabel, dokumentów roboczych,
- opcjonalny font akcentowy – do krótkich haseł, jeśli rzeczywiście jest potrzebny,
- prosta hierarchia – przykład 2–3 poziomów nagłówków, akapitów, cytatów,
- minimum parametrów – przykładowe wielkości tekstu i odstępy dla materiałów drukowanych i ekranowych.
Taki zakres zwykle wystarcza, żeby utrzymać spójność, a jednocześnie nie obciążać zespołu czytaniem rozbudowanych instrukcji.
Jak dobrać fonty do marki i opisać je w księdze znaku bez żargonu?
Przy doborze fontów warto odnieść się do charakteru marki: czy ma brzmieć poważnie, nowocześnie, bardziej „urzędowo”, czy raczej przyjaźnie. Przykładowo, marka medyczna korzystająca z ozdobnego, trudnego w czytaniu kroju do długich tekstów będzie sprawiać wrażenie mało profesjonalnej, nawet przy dobrze zaprojektowanym logo.
W opisie wystarczy nazwać font (np. „Roboto”), wskazać, w jakich materiałach go używać i w jakich stylach (Regular, Bold). Zamiast definicji typograficznych lepiej dodać dwa zdania wyjaśnienia, jaki efekt ten font daje („nowoczesny i czytelny na ekranie”, „spokojny, bardziej tradycyjny wygląd do raportów”).
Jak wyjaśnić różnicę między pismem szeryfowym i bezszeryfowym w brandbooku?
Najprościej opisać to językiem użytkownika: pismo szeryfowe ma małe „ogonkowe” zakończenia liter i częściej kojarzy się z książkami, raportami czy oficjalnymi dokumentami; pismo bezszeryfowe ma „gładkie” litery, wygląda nowocześniej i zwykle lepiej sprawdza się na ekranach i w krótkich komunikatach (nagłówki, przyciski, hasła).
Dobrym uzupełnieniem jest pokazanie dwóch krótkich bloczków tekstu obok siebie – jeden szeryfowy, drugi bezszeryfowy – z podpisem, w jakich materiałach firma używa danego rodzaju kroju.
Jak wytłumaczyć takie pojęcia jak wersaliki, kursywa, pogrubienie osobom spoza branży?
W praktycznym brandbooku wystarczy bardzo krótki słowniczek: wersaliki – tekst pisany samymi dużymi literami („OFERTA SPECJALNA”), kursywa – tekst pochylony, pogrubienie – tekst o zwiększonej grubości liter. Do każdego z tych pojęć można dodać jeden przykład zdania „po naszemu” i od razu prostą zasadę stosowania.
Przykład: „Nie używamy wersalików w dłuższych zdaniach, bo utrudniają czytanie” albo „W newsletterach wyróżniamy ważne słowa pogrubieniem, nie podkreśleniem”. Dzięki temu osoby piszące teksty rozumieją zarówno znaczenie terminu, jak i konsekwencje w codziennej pracy.
Jak dostosować opis typografii do różnych odbiorców księgi znaku (zarząd, marketing, grafik, drukarnia)?
Zwykle pomocne jest założenie, że rozdział o typografii ma służyć jednocześnie kilku grupom. Zarząd potrzebuje krótkiego wyjaśnienia, jak typografia wpływa na wizerunek; dział marketingu – jasnych zasad do egzekwowania; grafik – precyzyjnych parametrów i informacji o rodzinie fontów; drukarnia – przede wszystkim informacji o fontach do składu i minimalnych rozmiarach czytelnego tekstu.
W praktyce można rozwiązać to tak, że główna część rozdziału napisana jest prostym językiem, a bardziej szczegółowe dane techniczne (np. konkretne wartości interlinii czy kerningu) trafiają do osobnych ramek lub tabel, z których skorzysta głównie grafik i drukarnia.
