Tokens
Three themes, two script stacks, one scale. Source of truth: src/tokens/seko-tokens.json and seko-tokens.css. Contrast is computed here against the theme’s paper; section colours carry text only where they pass 4.5:1.
Colour
light · paper #FCFCFD
17.33:1 on paper
10.46:1 on paper
5.00:1 on paper
2.27:1 on paper
11.56:1 on paper
4.80:1 on paper
5.59:1 on paper
4.96:1 on paper
5.17:1 on paper
7.41:1 on paper
5.19:1 on paper
6.94:1 on paper
4.51:1 on paper
6.23:1 on paper
6.62:1 on paper
7.03:1 on paper
dark · paper #121315
15.44:1 on paper
10.65:1 on paper
6.75:1 on paper
3.32:1 on paper
6.46:1 on paper
9.47:1 on paper
5.65:1 on paper
7.37:1 on paper
6.91:1 on paper
4.90:1 on paper
7.88:1 on paper
6.76:1 on paper
7.69:1 on paper
9.52:1 on paper
8.57:1 on paper
7.89:1 on paper
sepia · paper #F3EEE3
13.00:1 on paper
8.32:1 on paper
4.89:1 on paper
2.28:1 on paper
10.24:1 on paper
4.82:1 on paper
Section colours as grounds (cards) and as text (dark)
| section | light | white text on it | dark | as text on dark paper |
|---|---|---|---|---|
| essay | #B9382A | 5.73:1 | #E06A5B | 5.65:1 |
| opinion | #B45112 | 5.09:1 | #EB8B4C | 7.37:1 |
| analysis | #2A7391 | 5.30:1 | #5BA7C8 | 6.91:1 |
| culture | #93296A | 7.59:1 | #C95CA2 | 4.90:1 |
| history | #946017 | 5.32:1 | #D3A04A | 7.88:1 |
| books | #6A3FB0 | 7.12:1 | #A98BF0 | 6.76:1 |
| profile | #4A8239 | 4.62:1 | #7DB56A | 7.69:1 |
Type
Arabic script · Amiri 700 · Scheherazade New 400 · Vazirmatn
قەیرانی ڕاستگۆیی لە میدیای کوردیدا
ڵ ۆ ێ ڕ ڤ گ چ پ ژ — جووتەکان: ڵێ ۆڵ ڕێ ڤە گڵ
بدن لە ١٫٣ رێم شەهرزاد نیو، بۆشایی دێڕ ٢٫٠٥. ژمارە: ٠١٢٣٤٥٦٧٨٩. نموونەی ڕاکێشان: ئەمە ڕستەیەکە بە The Elements of Journalism و ساڵی ٢٠٢٤ و sekokurd.org/ckb (پەرانتێزی سۆرانی).
Latin · Literata opsz 72/600 · Literata 400 · IBM Plex Sans · Plex Mono
The crisis of truthfulness in Kurdish media
Kurmancî: Ç Ê Î Ş Û · ç ê î ş û · Русский: Кто платит за каналы?
Body at 1.12 rem Literata, line-height 1.6, measure 66 ch. Numerals 0123456789 with tabular figures in tables. Quotation marks per edition: “en” „de“ « fr » ”sv”.
Scale (rem, both scripts); nothing renders below 11 px
| role | Arabic script | Persian | Latin · Cyrillic |
|---|---|---|---|
| Display | Amiri 700 · lh 1.34 | Amiri 700 | Literata opsz 72 · 600 · lh 1.15 |
| Body | Scheherazade New 400 · 1.3 rem · lh 2.05 · 42 em | Vazirmatn 400 · 1.15 rem · lh 1.9 | Literata opsz 7–14 · 400 · 1.12 rem · lh 1.6 · 66 ch |
| UI, meta, nav | Vazirmatn 400 / 600 · .84 rem | Vazirmatn | IBM Plex Sans 400 / 600 · .78 rem |
| Data, code | Vazirmatn tabular | same | IBM Plex Mono |
Spacing · layout · crops · radii · elevation · motion
- Spacing
- base 4 px · steps 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96, fluid with clamp() between 360 and 1320 (--sp1 … --sp9); gutter clamp(16px, 4vw, 32px)
- Containers
- 1320 px indexes · 1180 px reading · 42 em body column (66 ch Latin) · aside 18 em; twelve columns at ≥ 940 px, four below; breakpoints 600 · 940 · 1100 (pull quote floats to the end margin) · 1320
- Crops
- 3:2 lead and article · 16:9 card · 4:3 dossier · 1:1 portrait (480 → 160 → 64 → 32) · 1200×630 OG · 1080×1350 · 1080×1920; widths 480 · 800 · 1200 · 1600; WebP with JPEG fallback (AVIF in the pipeline)
- Radii
- 0 on layout · 2 px on tags and chips · 50 % on portraits
- Elevation
- none on reader pages · one level on editorial screens (--shadow-editorial)
- Motion
- 200 ms ease on colour and opacity · 600 ms on the image scale (1.02) on hover · none under reduced motion · no entrance animation
- Targets
- every control and stand-alone link ≥ 24 px on a fine pointer and ≥ 44 px wherever any pointer is coarse (ADR 0031); rows are the whole link