← ALL PAIRS

CLASH DISPLAY + SATOSHI

The Quick Brown Fox Jumps Over The Lazy Dog
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing, as well as modifying the space between pairs of letters.

CLASH DISPLAY

ExtraLight 200The quick brown fox jumps over the lazy dog
Light 300The quick brown fox jumps over the lazy dog
Regular 400The quick brown fox jumps over the lazy dog
Medium 500The quick brown fox jumps over the lazy dog
SemiBold 600The quick brown fox jumps over the lazy dog
Bold 700The quick brown fox jumps over the lazy dog

SATOSHI

Light 300The quick brown fox jumps over the lazy dog
Regular 400The quick brown fox jumps over the lazy dog
Medium 500The quick brown fox jumps over the lazy dog
Bold 700The quick brown fox jumps over the lazy dog
Black 900The quick brown fox jumps over the lazy dog

CHARACTER SET · CLASH DISPLAY

Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Qq
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
0
1
2
3
4
5
6
7
8
9
!
@
#
$
%
&
*
(
)
?
.
,
;
:
+
=

SATOSHI

Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Qq
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
0
1
2
3
4
5
6
7
8
9
!
@
#
$
%
&
*
(
)
?
.
,
;
:
+
=

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: 200700

→ Fontshare ↗

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: 300900

→ Fontshare ↗

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 × SATOSHI16 / 38