Design System

A complete UI component library built with Tailwind CSS, showcasing our visual language and design principles.

Foundation

Color System

-purple-100
-pink-100
-orange-100
-gray-100

Typography

Heading 1

Heading 2

Heading 3

Subtitle

This is an example of body text. It uses the default font size and weight to ensure content is readable and consistent across the platform.

Spacing (4px Scale)

px-0
px-1
px-2
px-3
px-4
px-5
px-6
px-8

Components

Buttons

Cards

Header
Card Title

This is an example card to demonstrate spacing, padding, and typography consistency.

Form Inputs