A comprehensive guide to our UI components, patterns, and styles
Primary Indigo
bg-indigo-600
Light Indigo
bg-indigo-100
Purple
bg-purple-600
Light Purple
bg-purple-100
Gray 900
text-gray-900
Gray 600
text-gray-600
Gray 200
bg-gray-200
Gray 100
bg-gray-100
text-7xl font-bold
text-4xl font-bold
text-2xl font-bold
text-xl font-semibold
Large Body Text
text-xl text-gray-600
Regular Body Text
text-base text-gray-600
Small Text
text-sm text-gray-500
Helper text goes here
Brain
Shield
Users
Clock
FileText
CheckCircle
Operation completed successfully.
Something went wrong. Please try again.
Here's something you should know.
Simple card with title and text content. Good for displaying brief information.
Card with icon, hover effects, and elevation changes. Perfect for featuring capabilities.
Card with icon, hover effects, and elevation changes. Perfect for featuring capabilities.
Helper text goes here