Typografia

Typografia ma kluczowe znaczenie dla marki Smart Chip, ponieważ wpływa na to, jak ludzie postrzegają i rozumieją nasz przekaz. Dzięki elastycznemu i ewoluującemu stylowi wizualnemu spójne stosowanie naszego kroju czcionki zapewnia przejrzystość i wzmacnia rozpoznawalność marki.

Pobierz czcionkę

Krój czcionki

Dobra czytelność i wszechstronność to najważniejsze kryteria przy wyborze czcionki. Naszą czcionką firmową jest Manrope, zarówno w wersji drukowanej, jak i na urządzeniach cyfrowych.

Manrope Regular

Manrope Pogrubiona

Manrope ExtraBold

Nagłówki i tekst uzupełniający

Rozróżniamy dwa obszary zastosowania naszych zasad typograficznych: Najważniejsze wiadomości oraz Tekst uzupełniający.

Najważniejsze wiadomości to duże napisy na plakatach, billboardach, banerach i innych nośnikach. Mają one przyciągać uwagę oraz skłaniać ludzi do zatrzymania się, spojrzenia i zapamiętania.

Tekst uzupełniający to wszystko, co znajduje się poza nagłówkiem. Gdy nagłówek przyciągnie uwagę, tekst uzupełniający dostarcza szczegółowych informacji.

Najważniejsze wiadomości

Nagłówki są zaprojektowane tak, by były elastyczne. Ich rozmiar nie jest sztywno ustalony, lecz zależy od układu siatki, rozmiaru kontenera i innych czynników. Więcej na ten temat dowiesz się w sekcji poświęconej Układy.

Grubość czcionki

Nagłówki są zazwyczaj składane czcionką Manrope Regular.

Umieszczając nagłówek na zdjęciu, można użyć czcionki Manrope Bold lub ExtraBold, aby uzyskać większy kontrast.

Kolor

Możesz wyróżnić fragment nagłówka, stosując gradient z palety kolorów. Może to być całe zdanie lub tylko pojedyncze słowa, ale nigdy cały nagłówek. Wykorzystaj kolor, aby podkreślić pewną kwestię.

Wybierz kolor gradientu, który będzie pasował do obrazu. Może on nawiązywać do dominującego koloru na zdjęciu, podkreślać jakiś charakterystyczny szczegół lub po prostu współgrać z ogólnym klimatem.

Umieszczając nagłówek na zdjęciu, należy zadbać o jak największy kontrast i czytelność.

Nie należy na siłę wprowadzać kolorów do tekstu – jeśli tło jest zbyt bogate, cały tekst powinien być czarny lub biały, aby był jak najbardziej przejrzysty i czytelny. Kolorowy tekst należy stosować wyłącznie wtedy, gdy umieszczony jest na wystarczająco stonowanym tle.

Kierowanie i monitorowanie

Odstęp między wierszami w nagłówkach jest zazwyczaj równy ich rozmiarowi. Na przykład nagłówek o rozmiarze 50 pt ma odstęp między wierszami wynoszący 50 pt.

Zakończymy śledzenie w punkcie 0%.

Tekst uzupełniający

Tekst uzupełniający to cały tekst poza nagłówkami – fragmenty tekstu, wezwania do działania (CTA) i inne elementy. Jak sama nazwa wskazuje, ma on za zadanie uzupełniać nagłówek. Nie służy przyciąganiu uwagi – to zadanie nagłówka. Zamiast tego ma na celu przekazanie dodatkowych informacji w jak najjaśniejszy sposób.

Style akapitów

Istnieją cztery style akapitów przeznaczone do tekstu uzupełniającego. Zostały one zaprojektowane tak, aby zapewnić maksymalną czytelność, przejrzystą hierarchię oraz jak największą łatwość odbioru treści.

Tekst uzupełniający jest zawsze wyrównany do lewej strony.

Główne tytuły to duże, przyciągające uwagę nagłówki. Są krótkie (zazwyczaj nie więcej niż pięć słów) i na każdej stronie powinien znajdować się tylko jeden.

Zastosowanie w czołówkach Manrope Pogrubiona lub Bardzo pogrubiona.

Napisy służą do podziału treści na sekcje, co ułatwia poruszanie się po informacjach. Można ich również używać do podkreślania kluczowych punktów lub zwracania uwagi na ważne informacje.

W napisach zawsze stosuje się Manrope Pogrubiona.

Treść główna jest to standardowy styl tekstu.

W treści artykułu używana jest czcionka Manrope Regular, ale dopuszcza się stosowanie innych grubości czcionki w celu wyróżnienia fragmentów tekstu, podkreślenia pewnych kwestii oraz zapewnienia jak największej przejrzystości informacji.

Drobny druk to stopki, zastrzeżenia prawne i wszystko inne, co musi się tam znajdować, ale nie musi być na pierwszym planie.

Podobnie jak w przypadku tekstu głównego, dozwolone są wszystkie grubości czcionek, przy czym Manrope Regular będąc standardem.

Rozmiary

Rozmiar tekstu głównego należy traktować jako punkt odniesienia dla pozostałych rozmiarów. Domyślny rozmiar tekstu głównego to 10pt (wersja drukowana) lub 18px/1,12rem (wersja ekranowa).

Napisy są dwukrotnie tak duży. Oznacza to domyślną wartość 20 pkt (druk) lub 36 pikseli/2,24 rem (ekran).

Główne tytuły wynoszą od od 3 do 4,5 razy większy, czyli od 30 do 45 pkt (w druku) lub od 54 do 81 pikseli/od 3,36 do 5,3 rem (na ekranie). Wybierz rozmiar, który najlepiej pasuje do ilości tekstu.

Drobny druk jest od 0,6 do 0,8 razy większy.

Kierowanie i monitorowanie

Główne tytuły oraz Napisy należy użyć przedrostka 100%.

Treść główna zyskuje nieco więcej swobody dzięki przewadze wynoszącej 130%.

Kod śledzenia to zawsze 0%.

Kolor

Tytuły, podtytuły oraz tekst główny to albo 100% czarny lub biały, w zależności od koloru tła.

Drobny druk akcja rozgrywa się w Jasność 70% na jasnym tle lub Jasność 30% na ciemnych.

Podobnie jak w przypadku nagłówków, tytuły główne i podtytuły można wyróżnić kolorem z palety barw. Można pokolorować cały tytuł lub pojedyncze słowa.

Zmiany linii

Używaj znaków końca linii, aby podzielić tekst tytuły główne oraz napisy. Dzięki temu są one bardziej zwarte, a cały tekst zyskuje więcej przestrzeni.

Długość tytułu

Tytuły główne powinny być krótkie. Powinny być zwięzłe i przyciągać uwagę zaledwie kilkoma słowami – zazwyczaj nie więcej niż pięcioma. Jeśli tytuł jest dłuższy, prawdopodobnie lepiej sprawdzi się jako podtytuł.

Na typowej stronie znajduje się tylko jeden tytuł główny.

Długości linii

Podziel długi tekst główny na dwie kolumny, ale nie więcej. Dzięki temu długość wierszy pozostanie na rozsądnym poziomie. Staraj się, aby Od 45 do 75 znaków (wraz ze spacjami i znakami interpunkcyjnymi) w każdym wierszu.

Główne tytuły oraz napisy zawsze powinny zajmować całą szerokość kolumn.