The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
Clash Display and Satoshi are a display and sans-serif pairing with strong contrast. Clash Display for headings, Satoshi for body text. Clash Display's sharp angles cut through noise. Satoshi keeps the body grounded and readable. Great for hero sections, event pages, and brands that want to stand out.
CLASH DISPLAY + SATOSHI
EDIT BELOW
USE THIS PAIR
# Clash Display and Satoshi are Fontshare fonts (not on npm).
# Load them with a stylesheet link in your <head>:
# <link rel="stylesheet" href="https://api.fontshare.com/v2/css?f[]=clash-display@400,600,700&f[]=satoshi@400,500&display=swap">
# CSS usage:
# h1, h2, h3 { font-family: 'Clash Display', sans-serif; }
# body { font-family: 'Satoshi', sans-serif; }RECOMMENDED WEIGHTS · CLASH DISPLAY
SATOSHI
CHARACTER SET · CLASH DISPLAY
SATOSHI
Clash Display
A sharp, geometric display face with angular terminals and a wide stance. Designed to command attention in headlines with its bold, contemporary aesthetic.
Indian Type Foundry, 2021
display · 6 styles
Variable
Recommended: 400, 600, 700
Available: 200–700
Satoshi
A contemporary grotesk by Deni Anggara with clean, neutral forms and a modern sensibility. Its slightly geometric construction and open apertures make it feel fresh and design-forward.
Deni Anggara, 2022
sans-serif · 10 styles
Variable · Italic
Recommended: 400, 500
Available: 300–900
Would Clash Display + Satoshi work for my project?
Sends this question and a link back to this page.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.