Gratuit · SIL Open Font License

goodui Sans & Display

La police du kit. Sans pour les interfaces, Display pour les titres, un fichier variable chacune. À vous, dans n’importe quel projet.

Télécharger (314 KB)Licencewoff2 + ttf, ttf statiques pour React Native, 300–900

Cascade

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.

Glyphes signature

Figtree en haut, goodui Sans en bas. 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

Gras

g y t @ Q 1 0 & R ui

Ligature ui

dlig or ss01

goodui goodui

Logotype

un seul glyphe, U+E000

Chiffres tabulaires

tnum, zéro pointé

$12,480.00$1,024.50$100.00

Zéro barré

zero

0.00 · 10:00

Alternatives

ss02 : a et g à un étage, R courbé

a g R a g R

Display

plus serré, hauteur d’x plus basse, a à un étage

Rate & review

Texte

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.

Utilisez-la

Le Theme Studio démarre avec ce duo et affiche la même configuration.

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

Licence

SIL Open Font License 1.1. Basée sur Figtree d’Erik Kennedy, reconstruite depuis sa source avec des glyphes redessinés, de nouvelles fonctionnalités et un nouvel espacement. Utilisez-la, intégrez-la et modifiez-la où vous voulez, goodui ou non ; gardez le fichier de licence avec les polices. Pas de nom de police réservé : le sous-ensemble et le renommage sont permis.