Type

Typefaces

Role	Typeface	Variable
Headings, display, campaign text	Space Grotesk	--hf
Body text on the main site	IBM Plex Sans	--bf

Both fall back to system-ui, sans-serif. Load them from Google Fonts.

Weights

• 700 for display headings and campaign titles.
• 600 for strong lines and buttons.
• 500 for lead paragraphs in campaign pages.
• 400 for body, captions and credits.

Spacing

• Display text is tight. Big campaign headings use about -0.045em; end-card headings about -0.04em; lead lines about -0.03em.
• Small labels are open. Uppercase labels, such as the play gate’s label, use wide spacing (about 0.16em to 0.2em).
• Body text uses normal spacing.

The logo as the b

In campaign headings the logo takes the place of the letter b: “Just [b]”, “[b] safe”, “[b] is for business”.

• Use the approved logo.svg as an image, with alt="b" so the heading still reads correctly.
• Size it to the cap height of the line so it sits like a letter.
• Give the whole heading an aria-label with the plain words (“Just b”).
• Only replace the b of the campaign word. Don’t replace every b in a sentence.