Playbook Type Specimen

Inter / Source Sans 3 / Source Code Pro

Font Families

Inter — Headings, UI, logo

Light
Aa Bb Cc 123
300
Regular
Aa Bb Cc 123
400
Semibold
Aa Bb Cc 123
600
Bold
Aa Bb Cc 123
700
Extrabold
Aa Bb Cc 123
800
Black
Aa Bb Cc 123
900

The quick brown fox jumps over the lazy dog. 0123456789 !@#$%

Source Sans 3 — Body text

Light
Aa Bb Cc 123
300
Regular
Aa Bb Cc 123
400
Semibold
Aa Bb Cc 123
600

The quick brown fox jumps over the lazy dog. 0123456789 !@#$%

Source Code Pro — Data, odds, helplines

Regular
Aa Bb Cc 123
400
Medium
Aa Bb Cc 123
500
Semibold
Aa Bb Cc 123
600

0123456789 | 00 0O 1l Il — character samples, not a contact or game statistic

Type Scale

Display / 48px
Inter 700
Leading 1.2
Tracking -0.02em
.pb-display
Know your game.
H1 / 40px
Inter 700
Leading 1.2
Tracking -0.02em
.pb-h1
Know the rules. Make your own choices.
H2 / 32px
Inter 600
Leading 1.2
.pb-h2
Every game has math. Here's yours.
H3 / 24px
Inter 600
Leading 1.3
.pb-h3
Your limits. Your call.
H4 / 20px
Inter 600
Leading 1.3
.pb-h4
Here's how it actually works.
Body large / 18px
Source Sans 3 400
Leading 1.6
.pb-body-lg
A random result does not make a win due after losses. Check the rules and current game state: a random number generator alone does not establish that every round has the same probabilities.
Body / 16px
Source Sans 3 400
Leading 1.6
.pb-body
For independent spins with unchanged rules and game state, past results do not change the next spin's probabilities. A feature, persistent state or changing jackpot may need a different calculation. See the Slots guide below.
Small / 14px
Source Sans 3 400
Leading 1.6
.pb-small
Secondary text, metadata, and supporting information. Use for timestamps, attribution, and supplementary details.
Caption / 12px
Source Sans 3 400
Leading 1.5
.pb-caption
Caption-size specimen. Keep required notices readable and use the actual local age and risk statement. This sample does not establish legal compliance.

On Dark Backgrounds

Display
.pb-display
No fine print. Just facts.
H2
.pb-h2
How well do you really know the odds?
Body
.pb-body
With uniform pockets and standard payouts, single-zero roulette has a 2.70% house edge. Double-zero has 5.26% except the five-number basket, which has 7.89% at 6:1. Zero concessions need a separate calculation.
Helpline
.pb-helpline
[local support number]

Semantic Classes

.pb-label
House Edge
.pb-eyebrow
Myth Buster
.pb-stat
5.26%
Double-zero roulette: uniform pockets, standard payouts, basket excluded
.pb-odds
1 in 37
Specified-number win probability on a uniform single-zero wheel; not payout odds
.pb-quiz-question
What does "house edge" actually mean?
.pb-cta
Take the quiz
.pb-helpline
[local support number]
.pb-mono
Invented example: RTP 95.00% | House edge 5.00% — neither predicts prize frequency or session return

Quick Reference

Type Scale
LevelSizeWeightLeading
Display48px / 3rem7001.2
H140px / 2.5rem7001.2
H232px / 2rem6001.2
H324px / 1.5rem6001.3
H420px / 1.25rem6001.3
Body lg18px / 1.125rem4001.6
Body16px / 1rem4001.6
Small14px / 0.875rem4001.6
Caption12px / 0.75rem4001.5
Font Weights
NameValueTokenUsed by
Light300--pb-weight-lightLogo "BOOK", body light
Regular400--pb-weight-regularBody text, labels
Medium500--pb-weight-mediumMono data, odds
Semibold600--pb-weight-semiboldH2-H4, CTAs, labels
Bold700--pb-weight-boldH1, Display, helpline
Extrabold800--pb-weight-extraboldLogo "Play", hero stats
Black900--pb-weight-blackCampaign accent text
Letter Spacing
NameValueTokenUsage
Tight-0.02em--pb-tracking-tightDisplay, H1
Normal0--pb-tracking-normalBody text, H2-H4
Wide0.05em--pb-tracking-wideLabels, CTAs
Wider0.1em--pb-tracking-widerEyebrows, small caps
Responsive Scale (mobile)
LevelDesktopMobile (≤768px)
Display48px36px
H140px32px
H232px24px
H324px20px
H420px18px
Body+Unchanged

Logo Typography

Playbook RG
Wordmark — one weight, one color
Playbook RG
Reversed
ElementWeightTrackingStyle
"Playbook RG"700 (Bold)-0.018emTitle case, single color

Production logo files convert this type to outlines at build time — always use the generated SVGs, never live text.

Character Disambiguation (Helpline Numbers)

Compare these character shapes at the final size. The chosen font still needs a readability check with the actual contact number:

Monospace (Source Code Pro)
0 O o | 1 l I i
Sans-serif (Inter) for comparison
0 O o | 1 l I i
Support-field specimen at multiple sizes; replace it with a verified local call number:
12px: [local support number]
16px: [local support number]
18px: [local support number]
24px: [local support number]

Sources and example conditions

Maintained September 6, 2026. Font files and their licenses are embedded in this HTML for reuse. Original photographs are retained in the source snapshots; embedded previews are resized without cropping.