Gratis · SIL Open Font License

goodui Sans & Display

La tipografía propia del kit. Sans para interfaces, Display para titulares, un archivo variable cada una. Tuya para cualquier proyecto.

Descargar (314 KB)Licenciawoff2 + ttf, ttf estáticos para React Native, 300–900

Cascada

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 distintivos

Figtree arriba, goodui Sans abajo. 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

Negrita

g y t @ Q 1 0 & R ui

ligadura ui

dlig or ss01

goodui goodui

Logotipo

un glifo, U+E000

Cifras tabulares

tnum, cero con punto

$12,480.00$1,024.50$100.00

Cero barrado

zero

0.00 · 10:00

Alternativas

ss02: a y g de un piso, R curva

a g R a g R

Display

más ceñida, altura de x más baja, a de un piso

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.

Úsala

El Theme Studio arranca con esta pareja e imprime la misma configuración.

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

Licencia

SIL Open Font License 1.1. Basada en Figtree de Erik Kennedy, reconstruida desde su fuente con glifos redibujados, nuevas funciones y nuevo espaciado. Úsala, incrústala y modifícala en lo que quieras, con goodui o sin él; conserva el archivo de licencia junto a las fuentes. No hay nombres de fuente reservados, así que recortarla o renombrarla está permitido.