Skill Wiki
typography
Domain inferred from 11 atoms across the corpora.
Atom counts by kind
| Kind | Count |
|---|---|
| example | 4 |
| check | 3 |
| rule | 3 |
| fact | 1 |
Sample atoms
Check Body Readability
Verifies body prose meets readability requirements: 16px+ font-size, 1.5–1.7 line-height, letter-spacing within ±0.025em, and font-weight 400–500. Based on Butterick + Bringhurst typographic conventions.
Check Font Blacklist Applied
Detects blacklisted default font-families (Arial, Helvetica, Times New Roman, Comic Sans, Papyrus, Courier New) used as PRIMARY font, and detects sites that load no custom fonts at all (signaling lack of typographic care…
Check Line Length Optimal
Measures rendered characters-per-line (CPL) for prose blocks and flags content that violates the 45–75 character optimal range (35–90 acceptable). Long lines harm readability; short lines fragment reading rhythm.
Example Atlantic Longform
The Atlantic's longform article opens with a full-bleed cover image (16:9, ~80vh tall) overlaid with a 64px serif headline (their custom 'Atlantic Serif'), 24px deck below in italic, and byline.…
Example Nytmag Feature
NYT Magazine feature stories use bold expressive opening typography: the headline is 80-120px in 'NYT Cheltenham' or 'NYT Karnak' display serif, often laid over or beside the cover image with intentional overlap.…
Example Pitchfork Review
Pitchfork album reviews are dominated by the 'score' — a massive 96px+ numeric rating (e.g., '8.7') displayed prominently next to the album cover. The cover art is shown at ~480px square.…
Example Readwise Reader
Readwise Reader strips articles to a focused reading view with configurable typography (Newsreader, Charter, Inter), themes (sepia #F4ECD8, dark #1C1917, light #FFFFFF), and 600-720px column widths.…
Optimal Line Length
Optimal reading line length for body text is 45–75 characters per line (CPL) for single-column layouts, and 40–50 CPL for multi-column layouts. Lines outside this range measurably reduce reading speed and comprehension.
Body Readability
Body text MUST meet the minimum readability floor: `font-size` ≥ 16px (1rem) and `line-height` ≥ 1.5 (unitless). Text below 16px causes user-pinch-zoom on mobile; line-height under 1.…
Content Width Constrained
Long-form content containers (article, blog post, documentation, prose) MUST cap their width at approximately 65ch (≈ 720px at 16px/1ch).…
Line Length Optimal
Body text containers (paragraphs, list items, block quotes) MUST limit measure (line length) to between 45 and 75 characters per line.…