Design Systems

Manage your design tokens and component styles

Custom Design Systems Coming Soon

Create and manage your own design systems with custom colors, typography, spacing, and component styles. ProductOS will use your design system to generate code that matches your brand.

Color Palettes

Typography

Spacing & Grid

Components

Available Design Systems

Default

shadcn/ui

Beautiful, accessible components built with Radix UI and Tailwind CSS

48 components

Tailwind CSS

Utility-first CSS framework for rapid UI development

Base styles only

Looking for ready-to-use templates with design systems already configured?

Browse Templates