Karla & Inconsolata font pairing

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