Briefle words · UI design
Font pairing
Choosing two typefaces that contrast in a useful way, usually one for headings and one for body text, and sticking to them.
Say it to an AI
Recipe card with a food photo on top. Keep it to one font pairing: a warm serif for the recipe name only, and the system sans-serif for the eyebrow, description, meta and button. No display or script fonts; the cozy feel comes from the serif and the palette.
How an expert would brief the stronger version of “Recipe card”.
See it
Try it as a puzzle →Featured recipe card in a meal-planning app.
Why: B pairs a Georgia serif title with a system sans body. A uses the same pair but adds Courier New for the eyebrow and 'Serves 2 · 540 kcal'.
Related words
Room 3 · Typography
Learn “Font pairing” in a five-minute lesson