Typografia

Szkoła Podstawowa nr 128 w Krakowie
Typografia SP128 łączy przyjazny, współczesny krój Rubik Medium w nagłówkach z czytelnym Open Sans w tekście podstawowym. Wspólna skala wielkości, odstępów i interlinii buduje wyraźną hierarchię informacji w całym serwisie.

Aa

Rubik

Nagłówki H1–H6, tytuły stron, teksty ekspozycyjne i wybrane elementy interfejsu.

Używana grubość: Medium

Aa

Open Sans

Tekst podstawowy, leady, opisy, dane kontaktowe, podpisy i pozostałe treści użytkowe.

Używane grubości: Regular, Semi-Bold

Skala typograficzna

Skala na dużych ekranach opiera się na proporcji Perfect Fourth (1.333) i podstawowym rozmiarze tekstu 18 px. Na tabletach i telefonach jest kompresowana, aby zachować czytelność i naturalne łamanie wierszy.

Display · 100 / 80 / 56 px · Rubik Medium · 1.00

SP128

H1 · 76 / 64 / 48 px · Rubik Medium · 1.05
Nagłówek strony
Featured Heading · 56 / 48 / 40 px · Rubik Medium · 1.10
Ważna sekcja strony
H2 · 42 / 38 / 32 px · Rubik Medium · 1.15
Nagłówek drugiego poziomu
H3 · 32 / 29 / 26 px · Rubik Medium · 1.20
Nagłówek trzeciego poziomu
H4 · 24 / 23 / 22 px · Rubik Medium · 1.25
Nagłówek czwartego poziomu
H5 · 20 / 19 / 18 px · Rubik Medium · 1.30
Nagłówek piątego poziomu
H6 · 18 / 17 / 16 px · Rubik Medium · 1.35
Nagłówek szóstego poziomu
Body · 18 / 17 / 16 px · Open Sans Regular · 1.60
Tekst podstawowy służy do prezentowania większości treści serwisu. Open Sans zapewnia dobrą czytelność zarówno na dużych, jak i małych ekranach.

Style tekstowe

Lead · 20 / 19 / 18 px · Open Sans Regular · 1.60
Tekst wprowadzający wyróżnia najważniejszą informację na początku strony lub sekcji.
Small · 15 / 15 / 14 px · Open Sans Regular · 1.55
Tekst pomocniczy, podpis lub dodatkowe objaśnienie.
Meta / etykieta · 14 / 14 / 13 px · Open Sans Semi-Bold · 1.40
INFORMACJA ORGANIZACYJNA

Zasady stosowania

  • Rubik Medium stosujemy w nagłówkach i krótkich tekstach ekspozycyjnych.
  • Open Sans pozostaje krojem tekstu podstawowego.
  • Hierarchię budujemy semantycznie poziomami H1–H6, a nie samym rozmiarem.
  • Dłuższe akapity powinny mieć około 55–75 znaków w wierszu.

Czytelność i dostępność

  • Nie zmniejszamy tekstu podstawowego poniżej 16 px na telefonie.
  • Nie zapisujemy długich nagłówków wersalikami.
  • Kolor nie może być jedynym sposobem przekazania znaczenia.
  • Zachowujemy kontrast zgodny z systemem kolorów WWW SP128.