Free · SIL Open Font License

goodui Sans & Display

The kit's own typeface. Sans for interfaces, Display for headlines, one variable file each. Yours to use in any project.

Download (314 KB)Licensewoff2 + ttf, static ttf for React Native, 300–900

Waterfall

13pxBookings this week: 24 appointments, 1,024 of 1,110 slots filled by 11:00.

14pxBookings this week: 24 appointments, 1,024 of 1,110 slots filled by 11:00.

16pxBookings this week: 24 appointments, 1,024 of 1,110 slots filled by 11:00.

24pxBookings this week: 24 appointments, 1,024 of 1,110 slots filled by 11:00.

48pxBookings this week: 24 appointments, 1,024 of 1,110 slots filled by 11:00.

96pxBookings this week: 24 appointments, 1,024 of 1,110 slots filled by 11:00.

DisplayShip the product, not the plumbing.

Signature glyphs

Figtree above, goodui Sans below. double-storey g · straight y · flat-cut t · open @ · flat Q tail · footed 1 · dotted tabular 0 · geometric & · ui ligature.

Figtree

g y t @ Q 1 0 & R ui

goodui Sans

g y t @ Q 1 0 & R ui

Bold

g y t @ Q 1 0 & R ui

ui ligature

dlig or ss01

goodui goodui

Logotype

one glyph, U+E000

Tabular figures

tnum, dotted zero

$12,480.00$1,024.50$100.00

Slashed zero

zero

0.00 · 10:00

Alternates

ss02: single-storey a and g, curved R

a g R a g R

Display

tighter, lower x-height, single-storey a

Rate & review

Text

Quietly, the booking wizard guides every client through staff, service and time. At 13 to 15 px the apertures, the x-height and the rhythm decide whether a dashboard feels calm. goodui Sans keeps Figtree's open shapes and adds its own signature: a double-storey g, a straight y, flat cuts on t, Q and @, a footed 1 and tabular figures with a dotted zero.

Use it

The Theme Studio starts with this pair and prints the same setup.

app/layout.tsx (Next.js)

import localFont from "next/font/local"

const gooduiSans = localFont({ src: "./fonts/goodui/GooduiSans-Variable.woff2", weight: "300 900", variable: "--font-goodui-sans", display: "swap" })
const gooduiDisplay = localFont({ src: "./fonts/goodui/GooduiDisplay-Variable.woff2", weight: "300 900", variable: "--font-goodui-display", display: "swap" })

// <html className={`${gooduiSans.variable} ${gooduiDisplay.variable}`}>, then in globals.css:
// :root { --font-sans: var(--font-goodui-sans), system-ui, sans-serif; --font-heading: var(--font-goodui-display), system-ui, sans-serif; }

React Native (goodui Native)

// Expo: copy native/ into components/goodui-native/foundation/fonts, then in app/_layout.tsx
import { useGooduiFonts } from "@/components/goodui-native/foundation/fonts"

const fontsReady = useGooduiFonts() // ThemeProvider switches every Text to goodui Sans once true

License

SIL Open Font License 1.1. Based on Figtree by Erik Kennedy, rebuilt from its source with redrawn glyphs, new features and new spacing. Use, embed and modify it in anything, goodui or not; keep the license file with the fonts. No reserved font names, so subsetting and renaming are fine.