Card template spec
The generation input for the distribution agent. Templates live in src/templates/extras.mjs and src/css/cards.css.
| Fields consumed | headline · author (name, portrait 64 px or initials) · section (name, colour) · date · lead image (image-led only) · pull quote (quote card) · dossier title and part count (dossier set) |
|---|---|
| Type sizes | OG type-led 72 px → 56 → 44 (overflow steps); image-led 52 → 40 → 34; portrait 88 → 68 → 56; story 96 → 76 → 60; quote card 72 px (≥ 64 px rule); mark 40 px; section label 26 px; footer 26/22 px |
| Overflow rule | headline ≤ 70 chars: base size; 71–120: one step down; > 120: two steps down; then line-clamp at a word boundary with an ellipsis (4/5/6 lines on OG) |
| Bidi rule | card carries lang and dir of its edition; the mark is the edition’s wordmark (سەکۆ for Arabic-script editions, SEKO for Latin ones) and never mirrors; numerals in the edition’s digits |
| Contrast rule | on a section-coloured ground text is white; the light-theme section colours all pass 4.5:1 against white except none — checked in docs/tokens; on paper the headline is ink and the section label is the section colour |
| Default card | wordmark and tagline on paper (1200 × 630) for index pages and articles without a lead image |
| Sizes | og 1200 × 630 · portrait 1080 × 1350 · story 1080 × 1920 (safe areas 250 px top and bottom) · digest 1200 × 630 · author 1200 × 630 with the 480 px portrait |
| Output | the distribution agent renders these HTML templates headless at 1× and 2×, PNG, and checks each render with a pixel check before posting (structure §14, self-healing) |