Font pairing guide
Pair type the way you pair colors: one lead, one support.
A comic page, a storybook spread, and a title card all fail the same way — two faces that want the same job. These pairings keep display and body in different rooms of the same house.
The last train left the harbor at dusk.
A serif carries the story. A clean sans keeps panels, captions, and buttons readable at small sizes.
- Display
- Crimson Text
- Body
- Red Hat Text
High contrast between a bookish display face and a functional sans. The story feels printed; the UI stays calm.
Use when: Story titles, chapter openers, and LlamaGen-style comic pages.
Rules that actually help
01
Contrast the jobs
Give the display face one job: the title, the shout, the chapter name. Give the body face everything else. Two faces that try to be equally loud cancel each other out.
02
Pair opposite structures
A high-contrast serif next to a low-contrast sans. A condensed title next to a wide paragraph face. A round storybook display next to a neutral grotesque. The difference is the pairing.
03
Share a mood, not a costume
Both faces should feel like they belong in the same story world. They do not need to match x-height, serifs, or decade. They need to agree on temperature: warm, cold, playful, severe.
04
Test at comic size
A pairing that looks elegant at 48px can collapse in a speech balloon. Check the body face at 14–18px on a colored panel, not only on a white article page.
05
Limit the cast
Two families is enough for almost every comic, storybook, or brand system. A third face is a special guest, not a roommate.
A pairing for comics is not a pairing for a website
Website type sits on a pale field and is allowed to be quiet. Comic type sits on painted panels, next to word balloons, sound effects, and cropped artwork. The body face has to survive color, texture, and 14px.
Start with LlamaGen's own split: Crimson Text for titles and story voice, Red Hat Text for controls and captions. If the page needs more heat, change the display face first. Leave the body family alone until the story asks for a different temperature.
Avoid pairing two display faces. Avoid pairing two geometric sans-serifs that only differ by 4% width. If you cannot tell them apart at arm's length, they are not a pair — they are a duplicate.
Set the type, then generate the page.
Lock a pairing, lock a palette, then put both on a comic or storybook spread. The lettering should feel like it was printed with the art, not pasted on afterwards.