Themable Colors

Background
Foreground
Primary
Secondary
Destructive
Surface

Primary Colors

bg-wg-blue
bg-wg-blue-100
bg-wg-blue-200
bg-wg-blue-300
bg-wg-blue-400
bg-wg-blue-500
bg-wg-blue-600
bg-wg-blue-700
bg-wg-blue-800
bg-wg-blue-900

Secondary Colors

bg-secondary-100
bg-secondary-200
bg-secondary-300
bg-secondary-400
bg-secondary-500
bg-secondary-600
bg-secondary-700
bg-secondary-800
bg-secondary-900

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
text-xxs
text-xs
text-sm
text-base
text-lg
text-xl
text-2xl
text-3xl
text-4xl
text-5xl
text-6xl
text-7xl
text-8xl
text-9xl

Buttons

Tags

Branding
UI.UX
Packaging
Orbs AI search

Form Fields


Helper text

Helper text

Helper text

Helper Text


Links

Get in touchArrow Icon