Skip to content
design systempackages/design/fonts

fonts package

fonts — focused capability inside the design system domain, boundary at packages/design/fonts.

Stability
Stable
Scope
Global
Boundary
packages/design/fonts
fontspackages/design/fonts
Design system
neutral-2
neutral-7
neutral-12
blue-9
cyan-9
brand-gradient

Aa Heading

Body copy renders the rhythm.

Small body for secondary context.

Caption · the smallest step

Tokens shipped

324

Components

99

Coverage

89%

Sync status

OK

packages/design/fontsdesign supply chain
Usagefonts.ts
typescript
fonts.ts
1import { fonts } from "@nebutra/fonts";
2
3// Part of the design supply chain — consumed by both apps and Storybook.
4export const surface = fonts({
5  brand: "nebutra",
6  mode: "system",
7});
More in domain · design system
brandPackage
packages/design/brand

Brand primitives — color definitions, gradient tokens, motion language. Source data; not imported at runtime by apps.

Explore
design-syncPackage
packages/design/design-sync

Git-only design-token sync — tokens live in the repo as the source of truth, no design-tool round-trip to keep in lock-step.

Explore
design-tokensPackage
packages/design/design-tokens

W3C DTCG $value/$type token files + Style Dictionary 4 pipeline. Output CSS variables and JS modules, edited git-only — no design-tool sync round-trip.

Explore
iconsPackage
packages/design/icons

541 Geist icons as tree-shakable TSX components. Single-weight, optical-sized, drop-in for Vercel / v0 visual parity.

Explore