> **PromptEye Brand Book & Design Language** · Typography · EN (translation of the Polish source; the Polish file wins on conflict) · state 28.10.2026
> For people: https://brand.prompteye.com/en/typography/ · Polish source: https://brand.prompteye.com/pl/typografia.md · index for agents: https://brand.prompteye.com/llms.txt
> File paths are relative to https://brand.prompteye.com/ds/ (e.g. `tokens/colors.css` → https://brand.prompteye.com/ds/tokens/colors.css); `*.md` references resolve to https://brand.prompteye.com/ds/docs/en/ (translations) or https://brand.prompteye.com/ds/docs/ (Polish source). Outside Claude Design load `styles.css` and the scripts `js/pe-light.js`, `js/pe-pl.js`, `js/pe-raster.js`, `js/pe-motyw.js` (in this order) instead of `_ds_bundle.js`.

# Typography

Typefaces: **Geist** (headings, numbers; `--pe-font-display`) and **Inter** (text, data, interface; `--pe-font-text`). No third typeface. Exception: the e-mail footer in Arial.

## Web scale (reference, s = 1)

| Style | Typeface | Size / line height | Tracking | Colour on white |
|---|---|---|---|---|
| Display `.d1` | Geist 400 | 120 / 0.95 | −0.048 em | ink |
| H1 | Geist 400 | 64 / 1.05 | −0.04 em | ink |
| Lead | Inter 400 | 21 / 1.5 | −0.012 em | `--pe-dzien-tekst-2` |
| H2 | Geist 400 | 36 / 1.08 | −0.035 em | ink |
| H3 | Geist 500 | 21 | | ink |
| Body | Inter 400 | 16 / 1.65 | −0.011 em | `--pe-dzien-tekst` |
| Metadata, captions | Inter 500 | 13–14 | | `--pe-dzien-podpis` |

- Text column 660 px (`--pe-kolumna`), about 80 characters. Tables and charts up to 972 px.
- 24 px between paragraphs, 64 px above an H2.
- Heading line height 1.02–1.1 (Polish diacritics touch at 1.0).
- The smaller the heading, the heavier (H1, H2 400; H3 500).
- Links in text: Cobalt 600 with a 1 px underline; on black Cobalt 300.
- Tabular figures in data, decimal comma in Polish.

**Dark version:** the same sizes. Body text `--pe-noc-tekst-dlugi` (#B9BDC5), 16 / 1.7, −0.006 em; lead `--pe-noc-tekst`. Small text +0.01 em.

**Phone:** H1 36, lead 18, H2 28, body 16 / 1.6, 20 px margins (to be developed with the website).

**PDF A4:** body 10 / 15 pt, column 122 mm, H1 30 pt, H2 17 pt, H3 11.5 pt, metadata 7.5–8 pt.

## Other formats

Type sizes for slides, posts, OG and banners: the table in `uklad.md`. Rule: reference size × s of the format, rounded to 4 px. Social media has a higher minimum (small text at least 20 px at a width of 1080).

## The headline dot

```html
<h1>See how AI recommends your brand<span class="dot"></span></h1>
```

- `.dot` inserts the font's "." in #FD723A. Do not type your own full stop before the `<span>`.
- Only in slogan headlines. A slogan is a thesis sentence that promises or states something ("See how AI recommends your brand", "At the seaside AI recommends three brands"). A label or the name of a page, chapter or section ("Industry reports", "Colour", "Three conclusions from the report") gets no dot.
- A question headline ends with a question mark, without the dot.
- Never in a frame with the motif point or with the `b1a` button.

## P1: Polish typesetting (automatic)

The `data-pe-typo` attribute on a container runs the correction:
- an en dash instead of an em dash in a sentence (" – "),
- a narrow no-break space before % and p.p. ("38 %"),
- one-letter Polish words (a, i, o, u, w, z) never stay at the end of a line.

Writing by hand: no orphans, a number never separates from its unit, a space before %.