Bree Serif & Lora font pairing
Pair Bree Serif for headlines with Lora for body copy when you want clear UI hierarchy. Bree Serif carries display weight and brand voice; Lora keeps paragraphs and helper text readable at smaller sizes. Download both from Google Fonts and test at 16–18px body with a bold or medium heading scale.
- Landing heroes: Bree Serif at large sizes, Lora for supporting sentences and CTAs.
- Product UI: keep Lora for forms, tables, and settings; reserve Bree Serif for page titles and empty states.
- Portfolios: use the contrast between Bree Serif and Lora to separate case-study titles from captions.