D! Specimen v3

Mode: ? body bg: ? surface-page: ? surface-warm: ? text-heading: ? brand-primary: ?

D1 specimen (v3) — toggle the site’s dark switch and re-read. In v3 almost everything flips, including brand-primary (#f94538 → #fa5c51); only blue-accent and text-inverse stay fixed. body bg resolves to surface-warm (light #f0ebe1 / dark #0b0b0b — designer-corrected near-black, no longer brown). Whether GP’s global background should map to surface-page vs surface-warm is the one open mapping question for D2.

Font load check

After the latin-ext re-pull, the Serbian diacritics (đ ć č ž š) must render in the SAME font as the base letters. If they look like a different serif, the subset is still missing — check DevTools → Computed → Rendered Fonts for a Georgia fallback.

Zilla Slab — Mašina đčćžš

400 — Telo teksta i podnožje. 0123456789

500 — Display, H3, nav, dropdown.

600 — Većina naslova (SemiBold).

700 — H1-Live, Article-H2 (Bold).

400 italic — footer-social, caption.

600 italic — citat (quote).

Rethink Sans — Mašina đčćžš

500 — Button (Medium).

600 — Section-Name (SemiBold).

700 — Label-Base / Category (Bold).

400 — (reference weight) 0123456789

v3 is serif-dominant: Rethink Sans is used by only four styles (Section-Name, Button, Label-Base, Label-Category). Everything else — including body copy — is Zilla Slab.

Type scale — 21 styles

Each row renders live --nf-fs / --nf-lh / --nf-track with its v3 family + weight. Resize 375↔1440px to watch the clamp() range.

displayfs clamp 2.5→4.5rem · lh 1.05 · tr -0.025em
Zilla 500
Mašina đčćžš
h1-articlefs 1.75→2.3125 · lh 1.189 · tr -0.0135em
Zilla 600
Naslov članka — istraživanje
h1-livefs 2.125→3.25 · lh 1.1 · tr -0.025em
Zilla 700
Blog uživo: naslov
h2fs 1.625→2 · lh 1.2 · tr 0
Zilla 600
Podnaslov sekcije
h3fs 1.3125→1.5 · lh 1.333 · tr 0
Zilla 500
Treći nivo naslova
h4fs 1→1.0625 · lh 1.45 · tr 0
Zilla 600
Četvrti nivo naslova
article-h2fs 1.0625→1.125 · lh 1.444 · tr 0
Zilla 700
Međunaslov u tekstu
stav-titlefs 1.5625→1.875 · lh 1.2 · tr 0
Zilla 600
Stav: naslov kolumne
body-largefs 1.125→1.25 · lh 1.6 · tr 0
Zilla 400
Uvodni pasus većom veličinom teksta za lakše čitanje na vrhu članka.
body-basefs 1rem · lh 1.5625 · tr -0.01em
Zilla 400
Osnovni pasus. Srpski: rad, tehnologija i društvo — đčćžš 0123. Telo teksta je u Zilla Slabu.
footer-linkfs 1→1.0625 · lh 1.323 · tr 0
Zilla 400
footer-socialfs 1→1.0625 · lh 1.5 · tr 0
Zilla 400 italic
captionfs 0.875rem · lh 1.428 · tr 0
Zilla 400 italic
Foto: opis ispod slike
quotefs 1.125→1.25 · lh 1.2 · tr 0
Zilla 600 italic
„Citat istaknut u tekstu članka.”
section-namefs 1.125→1.25 · lh 1.4 · tr 0
Rethink 600
Tehnologija
dropdown-linkfs 1.125→1.25 · lh 1.4 · tr 0
Zilla 500
buttonfs 1rem · lh 1.006 · tr 0.0156em
Rethink 500
POŠALJI
navfs 1.0625→1.125 · lh 1.333 · tr 0
Zilla 500
Naslovna · Vesti · Stavovi
authorfs 1rem · lh 1.27 · tr 0
Zilla 600
Piše: redakcija Mašina
label-basefs 0.75rem · lh 1.333 · tr 0.1em
Rethink 700 caps
Oznaka
label-categoryfs 0.6875rem · lh normal · tr 0.03em
Rethink 700 caps
Kategorija

Palette — 21 semantic tokens (v3)

Each chip is painted with its var(); the value line is the live computed result in the current mode. Toggle dark and re-read.

Surfaces & a11y spot-check

In dark (v3): surface-page #1a1a1a, surface-warm #0b0b0b, pure-white #0b0b0b — warm + pure-white now collapse to the same near-black, both darker than page.

surface-page

Tekst sekundarni na page.

text-quote ovde

surface-warm

Tekst na toploj podlozi.

text-quote (#868686) na warm — proveri AA a11y · D8

surface-pure-white

Tekst na čistoj beloj kartici.

text-quote ovde

Components mini

v3 accent reds confirmed: in dark the notice becomes a near-white card (#fefdfa) with red text — intended, not a bug.

Greška: obaveštenje koristi accent-red-soft / -border / -strong. v3 confirmed
„Slobodno novinarstvo nije luksuz — to je uslov demokratije.”