we're under. simple on the surface, complex underneath. so we made a font that works the same way. one font. does all the work. adapts to tiny screens, figma files, pdf forms, whatever you throw at it. auto line height. auto spacing. auto kerning. variable. open source. you know inter? helvetica? they're fine. but we wanted something that actually works as hard as we do. under is that font.

  <!-- official cdn -->
  <link rel="preconnect" href="https://weareunderdesign.github.io">
  <link rel="stylesheet" href="https://weareunderdesign.github.io/under/under.css">
  <style>
  :root {
  font-family: 'under', sans-serif;
  }
  </style>
100

under thin

200

under extralight

300

under light

400

under regular

500

under medium

600

under semibold

700

under bold

800

under extrabold

900

under black

Weight

100

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
1234567890
!?#*:;[]()%+=

alternative letter

The font offers alternative letterforms that can be accessed manually for stylistic variation

Superscript and Subscript

Superscript (sups): raises text to superscript position (e.g., x²). Subscript (subs): lowers text to subscript position (e.g., H₂O).

Precision and control

custom spacing pairs for precision, and auto letter-spacing for balanced flow. Auto-letter spacing is adjusted per weight for optimal readability.

precise and simple

clean lines, easy to read. no fancy stuff just clarity and function.

Pixel-perfect optimization

specifically optimized for 16px to ensure crisp rendering auto-sizing for small text for better legibility.

micro: 6-12pt

under comes in three cuts: display, text, micro. display goes tight and sharp. micro opens up less contrast, more air. text sits in between, holding the balance.

text: 13-20pt

under comes in three cuts: display, text, micro. display goes tight and sharp. micro opens up less contrast, more air. text sits in between, holding the balance.

display: 21pt and up

under comes in three cuts: display, text, micro. display goes tight and sharp. micro opens up less contrast, more air. text sits in between, holding the balance.

Extensive weight range graphic

from hairline to black to suit various design needs. designed to adapt seamlessly, whether for minimal elegance or striking statements

Thin Extralight Light Regular Medium Semibold Bold Extrabold Black
Aa
a
a
a
a
a
a
a
a
a
900
300 PX
0.00 EM

hey

Glyphs set overview
400

Uppercase

Lowercase

Numbers & Symbols

Ascender
Cap Height
X-Height
Baseline
Descender
A
uni0041
Imagine Illustration 3 Imagine Illustration 2
Under font poster 1 Under font poster 2
Under font poster 3 Under font poster 4
Under font poster 5 Under font poster 6
Under font poster 7 Under font poster 8
Under font poster 9 Under font poster 10
Under font poster 11 Under font poster 12
Under font poster 13 Under font poster 14
Under font poster 15 Under font poster 16
Under font poster 17 Under font poster 18
Under font poster 19 Under font poster 20
Under font main poster Under font poster 22
Under font poster 23 Under font poster 24
Under font poster 25 Under font poster 26
Under font poster 27 Under font poster 28
Under font poster 29 Under font poster 30
Under font poster 31 Under font poster 32
Under font poster 33 Under font poster 34
Under font poster 35 Under font poster 36
Under font poster 37 Under font poster 38
Under font poster 39 Under font poster 40
Under font poster 41 Under font A2 poster 17
Under font A2 poster 18 Under font A2 poster 19
Under font A2 poster 22 Under font A2 poster 23
Under font A2 poster 31 Under font A2 poster 32
Under font A2 poster 37 Under font A2 poster 40

download