Typography · Fifty Five and Five Brand Guidelines

PP Neue Montreal

Neue Montreal carries longer-form writing, where it provides clarity and offsets Gosha's heaviness, and it takes over on longer headings and subheadings where Gosha becomes too heavy. It also handles body copy, navigation and captions. Set headings at weight 500 with -0.03em tracking and leading between 0.9 and 1.2; body copy runs at weight 400 and 1.6 leading.

PP Neue Montreal Book 400 / Medium 500 · tracking -0.03em

We build AI tools for sales and marketing teams.

Weights in use Line height 1.6

Fifty Five and Five is a B2B growth marketing agency working with technology companies and their partners. Book 400

Fifty Five and Five is a B2B growth marketing agency working with technology companies and their partners. Medium 500

Character set Latin subset

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &.,:;!?“”‘’()[]/—–-

Pangram Pangram

PP Gosha Sans

The impact face, used primarily for short headlines. Its weight is the point, so keep it to a few words: as the line gets longer it stops adding impact and starts costing legibility, and Neue Montreal should take over. Also used on buttons, service pills and eyebrow labels. Regular 400 only.

PP Gosha Sans Regular 400 · labels and buttons

Oh my Gosha Sans

Pangram Pangram

Type scale

The site is built on the default Tailwind scale. These are the steps actually in use, with the Tailwind class alongside the computed size.

Class	Size	Weight & tracking	Use	Sample
text-7xl	72px / 1	500 · -0.03em	Hero headline	Headline
text-6xl	60px / 1	500 · -0.03em	Page title	Page title
text-5xl	48px / 1	500 · -0.03em	Section heading	Section
text-4xl	36px / 2.5rem	500 · -0.025em	Subsection heading	Subsection
text-2xl	24px / 2rem	500 · -0.02em	Card title, lede	Card title
text-lg	18px / 1.75rem	400 · normal	Lede paragraph	Intro paragraph
text-base	16px / 1.6	400 · normal	Body copy	Body copy text
text-sm	14px / 1.5	400 · normal	Captions, metadata	Caption text
text-xs	12px / 1.4	400 · 0.08em, uppercase	Eyebrow labels, Gosha Sans	Eyebrow

Rules

Do

Sentence case for every heading, including navigation and buttons
British English spelling throughout: colour, organise, analyse
Tighten tracking as headings get larger, down to -0.03em
Keep measure to roughly 70 characters on body copy
Use Gosha Sans for short headlines, buttons, pills and labels
Switch to Neue Montreal once a heading runs long or Gosha reads too heavy

Don't

Use title case, all caps sentences, or synthesised bold
Set body copy or any long-form writing in Gosha Sans
Mix a third typeface into brand material
Leave default tracking on headlines above 36px
Set orange type on cream at body sizes