Grátis · SIL Open Font License

goodui Sans & Display

A família tipográfica do próprio kit. Sans para interfaces, Display para títulos, um arquivo variável de cada. Sua para usar em qualquer projeto.

Baixar (314 KB)Licençawoff2 + ttf, ttf estático para React Native, 300–900

Cascata

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.

Glifos característicos

Figtree acima, goodui Sans abaixo. 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

ligadura ui

dlig or ss01

goodui goodui

Logotipo

um glifo, U+E000

Algarismos tabulares

tnum, zero pontilhado

$12,480.00$1,024.50$100.00

Zero cortado

zero

0.00 · 10:00

Alternativas

ss02: a e g de um andar, R curvo

a g R a g R

Display

mais fechada, altura-x menor, a de um andar

Rate & review

Texto

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

O Theme Studio começa com este par e imprime a mesma configuração.

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

Licença

SIL Open Font License 1.1. Baseada na Figtree de Erik Kennedy, reconstruída a partir da fonte original com glifos redesenhados, novos recursos e novo espaçamento. Use, incorpore e modifique em qualquer coisa, com goodui ou sem; mantenha o arquivo de licença junto das fontes. Sem nomes de fonte reservados, então subconjuntos e renomeação são permitidos.