Syne and Literata Font Pairing

Set in Syne 700 and Literata 400

‹Next pair ›

Syne and Literata make an expressive, art-world pairing: Syne at 700 gives headings a wide, assertive geometric shape, and Literata, a serif built for digital reading, keeps the body text calm. It is a bold choice for portfolios and for culture or design blogs that want headlines with attitude and long-form text that is genuinely easy to read on screens.

A type specimen for Syne and Literata. Captions like this one are set in Literata at 14.5px.

Why Syne and Literata Work Together

Syne was originally designed in 2017 for the Synesthésie art centre in Saint-Denis, near Paris. Its regular weight is a fairly archetypal geometric sans serif, but the family gets wider as it gets bolder, so at 700 the letters stretch out and look almost extended. That built-in shift gives Syne headings their distinctive, gallery-poster feel. Literata, by TypeTogether, was first created as the brand typeface for Google Play Books and is now a variable family for digital text.

The contrast is deliberate and strong. Syne’s wide, unusual bold shapes do the expressive work, while Literata, with moderate contrast, solid serifs and a comfortable x-height, steadies the page. Literata also has an optical size axis from 7 to 72, so in its variable form small text becomes sturdier and large text more refined. That flexibility helps it hold its own beneath such a loud heading.

Where Syne and Literata Work Best

An illustrator, designer or architect can use Syne for their name and project titles, then switch to Literata for case studies and an artist statement. A gallery, independent magazine or culture blog can set headlines in Syne and let Literata carry reviews, essays and interviews. It also works for exhibition or event pages that need a striking title.

Weights and Sizes to Use

Set Syne at 700 for headings; its range is 400 to 800, and each step up makes it wider as well as heavier, so 700 balances drama and space. Keep main headings at 32px or more with a line height of 1.1 to 1.2, and give them room, because bold Syne wraps quickly. Syne has no italic, so do not rely on it for emphasis. Set Literata at 400 for body and 700 for bold, at 17 or 18px with a line height of 1.6 to 1.7.

Things to Watch

Width is the main challenge. On phones, a long Syne headline at 700 can break awkwardly or overflow its container, so reduce the size on small screens or shorten the copy. Keep Syne out of body text and long navigation menus. Because its weights change shape so much, mixing several on one page can look inconsistent; stick to one or two. If your theme loads static fonts only, check that Literata’s small text still looks sturdy.

Similar Pairings

Pairs with a similar bold feel, each with its own page.

Browse all 62 font pairings ›