Font pairing

Choose a primary face, or describe the personality you are after. Pairings are ranked on structural contrast, x-height compatibility and weight range.

Primary font
Personality
Filter
Google Fonts
Archivo + Playfair Display99/100

Form follows the reader

Good pairings resolve one question first: which voice speaks, and which one explains. This combination keeps that division legible at every size, from a poster headline down to a caption running under a photograph.

The sans headline against a serif text face creates clear structural contrast, so hierarchy reads before anyone starts reading words. Their x-heights are close, so body copy and headings feel like they belong to one voice at the same optical size.

Best for. Product marketing with a considered, literary body voice.

Hierarchy. Archivo 600 for display and headings, Playfair Display 400 for body, Playfair Display 500 for labels and UI.

Contrast
86
Similarity
48
X-height match
88
Weight range
100
Archivo + Fraunces99/100

Form follows the reader

Good pairings resolve one question first: which voice speaks, and which one explains. This combination keeps that division legible at every size, from a poster headline down to a caption running under a photograph.

The sans headline against a serif text face creates clear structural contrast, so hierarchy reads before anyone starts reading words. Their x-heights are close, so body copy and headings feel like they belong to one voice at the same optical size.

Best for. Product marketing with a considered, literary body voice.

Hierarchy. Archivo 600 for display and headings, Fraunces 400 for body, Fraunces 500 for labels and UI.

Contrast
82
Similarity
48
X-height match
100
Weight range
100
Archivo + Source Serif 499/100

Form follows the reader

Good pairings resolve one question first: which voice speaks, and which one explains. This combination keeps that division legible at every size, from a poster headline down to a caption running under a photograph.

The sans headline against a serif text face creates clear structural contrast, so hierarchy reads before anyone starts reading words. Their x-heights are close, so body copy and headings feel like they belong to one voice at the same optical size.

Best for. Product marketing with a considered, literary body voice.

Hierarchy. Archivo 600 for display and headings, Source Serif 4 400 for body, Source Serif 4 500 for labels and UI.

Contrast
86
Similarity
48
X-height match
84
Weight range
93
Archivo + Lora99/100

Form follows the reader

Good pairings resolve one question first: which voice speaks, and which one explains. This combination keeps that division legible at every size, from a poster headline down to a caption running under a photograph.

The sans headline against a serif text face creates clear structural contrast, so hierarchy reads before anyone starts reading words. Their x-heights are close, so body copy and headings feel like they belong to one voice at the same optical size.

Best for. Product marketing with a considered, literary body voice.

Hierarchy. Archivo 600 for display and headings, Lora 400 for body, Lora 500 for labels and UI.

Contrast
84
Similarity
48
X-height match
92
Weight range
93
Archivo + Newsreader99/100

Form follows the reader

Good pairings resolve one question first: which voice speaks, and which one explains. This combination keeps that division legible at every size, from a poster headline down to a caption running under a photograph.

The sans headline against a serif text face creates clear structural contrast, so hierarchy reads before anyone starts reading words. Their x-heights are close, so body copy and headings feel like they belong to one voice at the same optical size.

Best for. Product marketing with a considered, literary body voice.

Hierarchy. Archivo 600 for display and headings, Newsreader 400 for body, Newsreader 500 for labels and UI.

Contrast
86
Similarity
48
X-height match
92
Weight range
93
Archivo + Zilla Slab99/100

Form follows the reader

Good pairings resolve one question first: which voice speaks, and which one explains. This combination keeps that division legible at every size, from a poster headline down to a caption running under a photograph.

The sans headline against a serif text face creates clear structural contrast, so hierarchy reads before anyone starts reading words. Their x-heights are close, so body copy and headings feel like they belong to one voice at the same optical size.

Best for. Product marketing with a considered, literary body voice.

Hierarchy. Archivo 600 for display and headings, Zilla Slab 400 for body, Zilla Slab 500 for labels and UI.

Contrast
82
Similarity
48
X-height match
92
Weight range
93
Archivo + Roboto Slab99/100

Form follows the reader

Good pairings resolve one question first: which voice speaks, and which one explains. This combination keeps that division legible at every size, from a poster headline down to a caption running under a photograph.

The sans headline against a serif text face creates clear structural contrast, so hierarchy reads before anyone starts reading words. Their x-heights are close, so body copy and headings feel like they belong to one voice at the same optical size.

Best for. Product marketing with a considered, literary body voice.

Hierarchy. Archivo 600 for display and headings, Roboto Slab 400 for body, Roboto Slab 500 for labels and UI.

Contrast
82
Similarity
48
X-height match
96
Weight range
100
Libre Franklin + Playfair Display99/100

Form follows the reader

Good pairings resolve one question first: which voice speaks, and which one explains. This combination keeps that division legible at every size, from a poster headline down to a caption running under a photograph.

The sans headline against a serif text face creates clear structural contrast, so hierarchy reads before anyone starts reading words. Their x-heights are close, so body copy and headings feel like they belong to one voice at the same optical size.

Best for. Product marketing with a considered, literary body voice.

Hierarchy. Libre Franklin 600 for display and headings, Playfair Display 400 for body, Playfair Display 500 for labels and UI.

Contrast
84
Similarity
48
X-height match
92
Weight range
93