Foundations

Typography

Nexub DS uses Geist as the primary typeface and Geist Mono for code. Both are loaded via the token system's CSS custom properties.

Type Scale

displayThe quick brown fox72px / 800 / lh 1.1

h1The quick brown fox56px / 700 / lh 1.15

h2The quick brown fox40px / 700 / lh 1.2

h3The quick brown fox32px / 600 / lh 1.25

h4The quick brown fox24px / 600 / lh 1.3

h5The quick brown fox20px / 600 / lh 1.35

h6The quick brown fox16px / 600 / lh 1.4

body-lgThe quick brown fox18px / 400 / lh 1.7

bodyThe quick brown fox16px / 400 / lh 1.6

body-smThe quick brown fox14px / 400 / lh 1.5

captionThe quick brown fox12px / 400 / lh 1.5

labelThe quick brown fox12px / 600 / lh 1.4

--font-family-sansGeist — the primary interface typeface

--font-family-monoGeist Mono — for code and data

--font-weight-regular400 — Regular

--font-weight-medium500 — Medium

--font-weight-semibold600 — Semibold

--font-weight-bold700 — Bold

--font-weight-extrabold800 — Extrabold