DM Serif Display × Manrope
DM Serif Display is a dramatic, high-contrast display serif, and over Manrope's clean geometric body the contrast is striking — the elegant serif headline carries all the personality while Manrope keeps the body modern a...
How DM Serif Display and Manrope score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.
DM Serif Display is a dramatic, high-contrast display serif, and over Manrope's clean geometric body the contrast is striking — the elegant serif headline carries all the personality while Manrope keeps the body modern and legible. Maximum class contrast, very clear hierarchy.
Where it shines
Editorial, fashion and premium product layouts wanting a dramatic headline over a clean modern body.
DM Serif Display's hairlines need size and light backgrounds; its x-height is smaller than Manrope's, so set headings large and confident.
Add the fonts, then two rules — DM Serif Display for headings, Manrope for everything you read.
<link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:wght@500;700&family=Manrope:wght@400;500&display=swap" rel="stylesheet">
h1, h2, h3 { font-family: "DM Serif Display", sans-serif; font-weight: 700; letter-spacing: -0.01em; } body, p { font-family: "Manrope", serif; font-weight: 400; line-height: 1.7; }
Fraunces is a soft, high-contrast old-style display serif with loads of character, and over Manrope's clean geometric body it gives a distin...
Lora's warm, moderate-contrast serif headings bring a literary feel over Manrope's modern body. Softer than the high-contrast display serifs...
Cormorant's elegant, high-contrast display serif over Manrope's clean geometric body creates a refined modern-luxe hierarchy — the delicate...
Get the pairing notes, weekly.
One short email a week — a new pairing, a specimen, and a tip. No spam.