Typography
Type sizes tuned for Towbook video production. All values are pixel measurements on a 1920 × 1080 canvas — double them for 4K (3840 × 2160). Inter Variable across the whole system.
Title scale
Full-frame title cards, intro animations, chapter dividers. Set tight tracking; titles read better when the letters cluster.
Heading scale
The headlines that run inside tutorial frames — paired with a device, screenshot, or icon. Headline L matches the amber type used in our Layout 01 tutorial frame.
List & feature scale
Multi-item lists where each row gets headline treatment. Used in Layout 02 (feature lists alongside a screenshot). Set leading loose so items breathe.
Body & explanation scale
Paragraph copy, multi-line explanations, and read-along blocks. Never set body below 22px at 1080p — streaming compression eats fine strokes.
Lower thirds & on-screen labels
Persistent speaker IDs, location labels, and on-screen attributions. Title sits above the rule; subtitle sits below at one weight lighter and 60% width.
x: 96px · y: 864px on a 1920×1080 canvas. Hold for at least 4 seconds.
Captions, supers, footnotes
Short, transient text. Captions and supers sit on a translucent backdrop for legibility over any footage.
Video type scale — at a glance
- ●All values are pixel sizes on a 1920 × 1080 canvas. For 4K, double everything — the relative scale stays the same.
- ●Never set body text below 22 px at 1080p. Streaming compression turns 18 – 20 px into mush, especially on dark backgrounds.
- ●Tighten tracking as size grows. Use
-0.03emat title XL, drift to0by body S. - ●Keep titles within title-safe (90 % of frame). Lower thirds, captions, and supers sit at action-safe (93 %) — TV chrome may crop the rest.
- ●On-screen text should be readable in 2 seconds. If a line takes longer, split it across two frames.