(03)Brand · Tools
Pair a heading font with a body font and see them set as a real page — tune size, line height and letter spacing, then copy the CSS.
The Journal — Issue 04
A short standfirst that sets the tone before the story begins.
Your body copy goes here… Good typography is invisible: it lets the reader move through ideas without friction, while the headline carries the personality. Try long paragraphs, then short ones, and watch the rhythm change.
Numbers matter too — 2026, 48%, SAR 12,500 — and so do the small details: “quotes”, dashes — and the space between lines.
&
Tip: click the text to edit it. Loading font…
Good to know
Every font here is free from Google Fonts, including Arabic families. Fonts load only when you choose them, so the page stays fast.
A reliable rule: contrast in character, harmony in proportion — a serif display with a clean sans, or one family in two weights.
Everything happens on your device. Nothing you enter is uploaded, stored or tracked.