A clean DM Sans headline over Bitter's slab serif body gives the reading a sturdy, contemporary texture under a modern headline — both are screen-first faces with tall x-heights, so sizes align while the sans/slab class...
How DM Sans and Bitter score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.
COMPOSITE MATCH
85/100
Strong match
Class contrast86
Role clarity86
X-height harmony84
Mood affinity82
WHY IT WORKS
Structure meets readability
A clean DM Sans headline over Bitter's slab serif body gives the reading a sturdy, contemporary texture under a modern headline — both are screen-first faces with tall x-heights, so sizes align while the sans/slab class gap holds the hierarchy.
Where it shines
Blogs, docs and content products wanting a modern headline over a sturdy slab body.
Where to be careful
Give Bitter generous line-height so the even slab body breathes under the DM Sans headline.