Source Sans Pro & Source Serif Pro font pairing
Pair Source Sans Pro for headlines with Source Serif Pro for body copy when you want clear UI hierarchy. Source Sans Pro carries display weight and brand voice; Source Serif Pro 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: Source Sans Pro at large sizes, Source Serif Pro for supporting sentences and CTAs.
- Product UI: keep Source Serif Pro for forms, tables, and settings; reserve Source Sans Pro for page titles and empty states.
- Portfolios: use the contrast between Source Sans Pro and Source Serif Pro to separate case-study titles from captions.