Foundations

Typography

Playfair Display for titles (Black 900 for Production/Work names), Newsreader for copy, Inconsolata for UI chrome and over-lines. Feedback pass: remove the 13px in-between mono size; keep 15px and micro metadata only.

Playfair Display display / titles · Black 900 for Production & Work

Tosca

Regular 700 · italic for accents

Newsreader body copy (locked)

Help anyone decide which live performance is worth their time — reviewed by people who were actually there. Italic for quotes.

Inconsolata UI chrome · over-lines · meta · labels

REVIVAL · OPERA · WIENER STAATSOPER · VIENNA · IN REPERTOIRE

ScaleType scale

--cc-fs-display-xlHero title (Home only) · Playfair Black, centred, uppercase

TOSCA

--cc-fs-titleProduction / Work title · Playfair Black

Der Rosenkavalier

--cc-fs-h1Page / section H1

Is it worth seeing?

--cc-fs-h2Section heading

From the audience

--cc-fs-h3Subsection H3 · minimum 2px above body

Latest known casting

--cc-fs-leadLead / pull paragraph

A fast thriller plot, three huge tunes, under three hours.

--cc-fs-bodyBody copy floor (18px) · Newsreader

Reviews and ratings normally attach to the specific performance a user attended.

--cc-fs-uiUI / button / mono label (15px) · Inconsolata

VERIFIED ATTENDANCE

--cc-fs-microDense metadata only (10.88px) · never body copy

SOURCE · 11 OUTLETS

Do

Use Playfair Black (900) for Production/Work titles.
Keep body copy in Newsreader at ≥18px.
Use Inconsolata at 15px for labels, over-lines, UI, and score units.
Put the mono eyebrow above the title, never inline before it.

Don't

Set long body copy in Playfair or in mono.
Use 13px as an intermediate mono size.
Use micro text outside dense source/meta contexts.