Kostenlos · SIL Open Font License

goodui Sans & Display

Die eigene Schrift des Kits. Sans für Interfaces, Display für Überschriften, je eine variable Datei. In jedem Projekt frei nutzbar.

Herunterladen (314 KB)Lizenzwoff2 + ttf, statisches ttf für React Native, 300–900

Wasserfall

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.

Charakteristische Glyphen

Oben Figtree, unten goodui Sans. 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

Fett

g y t @ Q 1 0 & R ui

ui-Ligatur

dlig or ss01

goodui goodui

Logotype

eine Glyphe, U+E000

Tabellenziffern

tnum, Null mit Punkt

$12,480.00$1,024.50$100.00

Null mit Schrägstrich

zero

0.00 · 10:00

Alternativen

ss02: einstöckiges a und g, geschwungenes R

a g R a g R

Display

enger, niedrigere x-Höhe, einstöckiges 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.

Verwenden

Das Theme Studio startet mit diesem Paar und gibt dasselbe Setup aus.

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

Lizenz

SIL Open Font License 1.1. Basiert auf Figtree von Erik Kennedy, aus dessen Quellen neu gebaut, mit neu gezeichneten Glyphen, neuen Features und neuer Laufweite. Nutze, bette ein und verändere sie, wo du willst, mit oder ohne goodui; lass nur die Lizenzdatei bei den Schriften. Keine reservierten Schriftnamen, Subsetting und Umbenennen sind also in Ordnung.