Typography

Two families: Diatype does the work, Tiempos sets the tone.

Headings, interface and running text

Dinamo

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789

The headline and pull quotes, regular weight only

Klim Type Foundry

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789

Scale

The approved desktop sizes. Hover a row to copy its CSS.

Heading 1Tiempos 400 · 52/55 · -0.03em

Calls that convert

Heading serifTiempos 400 · 40/44 · -0.02emPull quotes and secondary serif moments

A quieter kind of headline

Heading 2Diatype 400 · 36/40 · -0.03em

Every lead, answered

Heading 3Diatype 400 · 32/35 · -0.03em

Built for sales teams

Heading 4Diatype 500 · 26/31 · -0.02em

How the agent qualifies

Heading 5Diatype 500 · 20/25 · -0.02em

Integrations and data

Heading 6Diatype 500 · 18/22

Setup in minutes

Body largeDiatype 400 · 18/25Leads and intros

telli calls your leads within seconds, qualifies them and books the meeting.

BodyDiatype 400 · 16/22

The default running text for paragraphs, interface copy and captions longer than a line.

EyebrowDiatype 500 · 12/17 · 0.1em

Case study

A Tiempos headline over Diatype body copy is the signature combination.

Case study

With telli, the team calls back new enquiries automatically, qualifies them in conversation and books the consultation while interest is highest.

A few habits keep the type consistent across every surface.

One serif per composition.Tiempos is for the headline or a pull quote, never both, and never for body copy.
Regular weight for large text.Headings 1 to 3 are set at 400; weight comes in at heading 4 and below.
Tight tracking scales with size.Minus 3% at the largest sizes, easing to zero at body size.
Tiempos ships in one weight.Don't synthesise a bold; emphasise with italic or with Diatype Medium.
Sentence case everywhere.Only the eyebrow is set in capitals, with wide tracking.
Product UI is the exception.The telli app runs on Inter, not Diatype; keep screenshots as they are.