The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
CLASH DISPLAY + SATOSHI
CLASH DISPLAY
SATOSHI
CHARACTER SET · CLASH DISPLAY
SATOSHI
USE THIS PAIR
# npm
npm install @fontsource/clash-display @fontsource/satoshi
# yarn
yarn add @fontsource/clash-display @fontsource/satoshi
# pnpm
pnpm add @fontsource/clash-display @fontsource/satoshi
# Then import in your app entry point:
import '@fontsource/clash-display';
import '@fontsource/satoshi';
# CSS usage after import:
# font-family: 'Clash Display', display;
# font-family: 'Satoshi', sans-serif;ABOUT
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
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.
RELATED PAIRS
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.