Syne and Inter Font Pairing

Syne at 700 is an unusual heading font, wide and quirky, with letters that stretch out as the weight increases, and Inter is its steady partner for body text. This pairing reads as bold and contemporary: the heading carries all the personality while the body stays neutral and easy to read. It fits creative portfolios and design-led shops that want to stand out.

Why Syne and Inter Work Together

Syne is a display sans serif with a distinctive trait you can see on this page: its letters grow wider and more eccentric as the weight goes up. At 700 the shapes are broad and slightly odd in a deliberate, characterful way. Inter is a neo-grotesque style sans with a tall x-height, compact proportions and very regular shapes that stay out of the way.

The pairing works because the roles are clearly split. Syne is expressive and wide, Inter is neutral and narrow, so the eye never confuses a heading with body text. Both are sans serifs with low stroke contrast, which keeps the page feeling modern and unified even though the heading is so playful. The mood is bold, gallery-like and a little experimental.

Where Syne and Inter Work Best

Use it for a graphic designer’s, illustrator’s or motion studio’s portfolio, where project titles can be large and confident above short case-study text. It also suits an independent fashion label, a record shop or a ceramics shop that sells with a gallery feel. Inter takes care of prices, sizes, filters and checkout details, where clarity matters more than character.

Weights and Sizes to Use

Syne is a variable font covering 400 to 800, with no italic. The site uses 700 because it has real presence while keeping words from stretching as far as they do at 800. Set main headings around 36 to 56px with a line height of 1.05 to 1.15, and consider a very slight negative letter spacing at the largest sizes. Use Inter at 400 for body with 700 for bold, at 16 to 17px with a line height around 1.6.

Things to Watch

Syne’s quirks turn into noise at small sizes, so keep it out of navigation, labels and anything under about 20px; Inter handles those. Wide headings wrap quickly on phones, so test long product or project names. Since Syne has no italic, create emphasis in headings with colour or size instead. Use Syne for a few large moments per page rather than every heading level.