Skip to content
design systempackages/design/typelens-catalog

typelens-catalog package

typelens-catalog — focused capability inside the design system domain, boundary at packages/design/typelens-catalog.

Stability
Stable
Scope
Global
Boundary
packages/design/typelens-catalog
typelens-catalogpackages/design/typelens-catalog
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

332

Components

83

Coverage

97%

Sync status

OK

packages/design/typelens-catalogdesign supply chain
Usagetypelens-catalog.ts
typescript
typelens-catalog.ts
1import { typelensCatalog } from "@nebutra/typelens-catalog";
2
3// Part of the design supply chain — consumed by both apps and Storybook.
4export const surface = typelensCatalog({
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
fontsPackage
packages/design/fonts

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

Explore