Nagłówki (H1–H4)

base/_typography.scss · Futura Now Text · weight 400 · letter-spacing: -1.3px

H1 Mobile: 32/44 · Tablet: 44/52 · Desktop: 64/72

Nagłówek pierwszego poziomu

H2 Mobile: 26/36 · Tablet: 32/44 · Desktop: 44/52

Nagłówek drugiego poziomu

H3 Mobile: 20/32 · Tablet: 26/36 · Desktop: 32/44

Nagłówek trzeciego poziomu

H4 Mobile: 18/24 · Tablet: 20/32 · Desktop: 26/36

Nagłówek czwartego poziomu

Nagłówki fallback (H5–H6)

Nie zdefiniowane w guideline — wartości zastępcze

H5 18px / 24px LH

Nagłówek piątego poziomu (fallback)

H6 16px / 22px LH

Nagłówek szóstego poziomu (fallback)

Paragrafy

.text-lg (P1) · .text-md (P2) · body (domyślny)

P1 · .text-lg Mobile: 16/22 · Tablet: 18/24 · Desktop: 20/32

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

P2 · .text-md Mobile: 14/20 · Tablet: 16/22 · Desktop: 18/24

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

Body (domyślny) 16px / 1.5 LH

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

Elementy inline

Linki, bold, small, italic

Link

To jest zwykły tekst z linkiem w środku który zmienia kolor na hover.

Bold / Strong

To jest zwykły tekst z wyróżnionym fragmentem (bold 700) w środku zdania.

Small

To jest zwykły tekst z mniejszym fragmentem (14px) w środku zdania.

Italic

To jest zwykły tekst z kursywą w środku zdania.

Rodziny fontów

$font-family-text · $font-family-winston

Futura Now Text $font-family-text · główny font

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Winston PL $font-family-winston · dekoracyjny

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789