> **PromptEye Brand Book & Design Language** · Typografia · PL (wersja źródłowa) · stan 28.10.2026
> Strona dla ludzi: https://brand.prompteye.com/pl/typografia/ · English: https://brand.prompteye.com/en/typography.md · indeks dla agentów: https://brand.prompteye.com/llms.txt
> Ścieżki plików są względne wobec https://brand.prompteye.com/ds/ (np. `tokens/colors.css` → https://brand.prompteye.com/ds/tokens/colors.css), odwołania do `*.md` wobec https://brand.prompteye.com/ds/docs/. Poza Claude Design zamiast `_ds_bundle.js` wczytaj `styles.css` i skrypty `js/pe-light.js`, `js/pe-pl.js`, `js/pe-raster.js`, `js/pe-motyw.js` (w tej kolejności).

# Typografia

Kroje: **Geist** (nagłówki, liczby; `--pe-font-display`) i **Inter** (tekst, dane, interfejs; `--pe-font-text`). Bez trzeciego kroju. Wyjątek: stopka e-mail w Arialu.

## Skala www (wzorzec, s = 1)

| Styl | Krój | Rozmiar / interlinia | Światło | Kolor na bieli |
|---|---|---|---|---|
| Display `.d1` | Geist 400 | 120 / 0,95 | −0,048 em | atrament |
| H1 | Geist 400 | 64 / 1,05 | −0,04 em | atrament |
| Lead | Inter 400 | 21 / 1,5 | −0,012 em | `--pe-dzien-tekst-2` |
| H2 | Geist 400 | 36 / 1,08 | −0,035 em | atrament |
| H3 | Geist 500 | 21 | | atrament |
| Tekst | Inter 400 | 16 / 1,65 | −0,011 em | `--pe-dzien-tekst` |
| Metadane, podpisy | Inter 500 | 13–14 | | `--pe-dzien-podpis` |

- Kolumna tekstu 660 px (`--pe-kolumna`), ok. 80 znaków. Tabele i wykresy do 972 px.
- Odstęp między akapitami 24 px, nad H2 64 px.
- Interlinia nagłówków 1,02–1,1 (polskie znaki przy 1,0 się stykają).
- Im mniejszy nagłówek, tym cięższy (H1, H2 400; H3 500).
- Linki w tekście: Kobalt 600 z podkreśleniem 1 px; na czerni Kobalt 300.
- Cyfry tabelaryczne w danych, przecinek dziesiętny.

**Wersja ciemna:** te same rozmiary. Tekst `--pe-noc-tekst-dlugi` (#B9BDC5), 16 / 1,7, −0,006 em; lead `--pe-noc-tekst`. Drobny tekst +0,01 em.

**Telefon:** H1 36, lead 18, H2 28, tekst 16 / 1,6, marginesy 20 px (do rozwoju przy stronie www).

**PDF A4:** tekst 10 / 15 pt, kolumna 122 mm, H1 30 pt, H2 17 pt, H3 11,5 pt, metadane 7,5–8 pt.

## Inne formaty

Rozmiary pisma dla slajdów, postów, OG i banerów: tabela w `uklad.md`. Reguła: rozmiar z wzorca × s formatu, zaokrąglony do 4 px. Social ma większe minimum (drobny tekst co najmniej 20 px przy szerokości 1080).

## Kropka po tytule

```html
<h1>Zobacz, jak AI poleca Twoją markę<span class="dot"></span></h1>
```

- `.dot` wstawia znak „.” z fontu w kolorze #FD723A. Nie pisz własnej kropki przed `<span>`.
- Tylko w nagłówkach-hasłach. Hasło to zdanie-teza, które coś obiecuje albo stwierdza („Zobacz, jak AI poleca Twoją markę”, „Nad morzem AI poleca trzy marki”). Etykieta i nazwa strony, rozdziału lub sekcji („Raporty branżowe”, „Kolor”, „Trzy wnioski z raportu”) kropki nie dostaje.
- Tytuł-pytanie kończy się pytajnikiem, bez kropki.
- Nigdy w kadrze z punktem motywu ani z przyciskiem `b1a`.

## P1: polskie zasady (automatycznie)

Atrybut `data-pe-typo` na kontenerze uruchamia korektę:
- półpauza zamiast pauzy w zdaniu („ – ”),
- wąska twarda spacja przed % i p.p. („38 %”),
- jednoliterowe spójniki (a, i, o, u, w, z) nie zostają na końcu wiersza.

Pisząc sam: bez sierotek, liczba nie odrywa się od jednostki, spacja przed %.