Subchapter 14.16
references/typography-presets.mdMarkdown5 KBView on GitHub
Five named styles corresponding to the cap-* CSS classes. Pick one per caption group in plan.json based on the line’s semantic role.
| style | CSS | Use when |
|---|---|---|
intro | 66px italic 500 | First line, filler (“You know…”, “So…”), contemplative openings. Low visual weight. |
phrase | 78px upright 600 | Main statement clauses. Default for most lines. |
emph | 92px upright 800 | Lines with emotional peak or key achievement (“I’ve achieved incredible things”). |
dream | 82px italic 700 | Aspirational / “was dreaming of…” style lines. Italic signals memory/imagination. |
crown | 140px upright 900 uppercase |
Also bundled
GitignoreOnly for the climax line. Used in center-stage crown-plane. Maximum one per composition — ideally the last caption. |
Independent of style, each group has tone: soft or present.
power2.out ease. Feels floaty, nostalgic. Use for memory, intro, dream.power3.out, transformOrigin center. Feels assertive, in-the-moment. Use for emphasis and crown.Scan each group’s words:
emph + presentintro + softdream + softcrown + present (only one per video)phrase + (match the group’s neighbors’ tone; default soft)The .cap-* defaults in each template are tuned for a ~560px column (the original champion composition). When the caption plane is wider than that, the fonts feel underweight — too much negative space around text. Scale up accordingly.
| Plane width | intro | phrase | emph | dream | crown (centered, full-frame) | crown (clean-zone only) |
|---|---|---|---|---|---|---|
| 460-580 px (tight) | 66 | 78 | 92 | 82 | 140 | n/a |
| 600-760 px (medium) | 78 | 108 | 128 | 100 | 220 | 118 |
| 780+ px (wide) | 90 | 128 | 150 | 116 | 260 | 140 |
Notes:
0.8+ × frame_width and cross the subject’s body. Use only when layout-heuristics.md § Crown placement conditions pass.Also: if a plane’s rotateY is non-trivial (say > 8°), effective visible width shrinks. Scale fonts up ~10% to compensate.
emph on more than ~30% of groups. Emphasis loses meaning when everything is emphasized.intro for the main content just because the words are short. “I won” (2 words) is emph or crown, not intro.soft and present alternately for no reason. Tone should follow the story arc: soft opening → present build → emph peak → (optional crown climax).The default color is warm bone-white (#fff5df). Adjust in the template CSS:
#e8f0ff#fff0c0These adjustments happen in the HTML template, not plan.json. If you repeatedly need different palettes, make new template variants.