Typography

Design system typography and colors

Typography Scale

Heading 1

text-4xl font-bold

Heading 2

text-3xl font-semibold

Heading 3

text-2xl font-medium

Body Text - Regular paragraph text

text-base text-white/90

Small Text - Labels and captions

text-sm text-white/80

Color Palette

Primary

emerald-500

Primary Dark

emerald-600

Surface

bg-white/20

Background

bg-white/10

Spacing System

8px spacing

16px spacing

24px spacing

Button Styles

Primary Buttons

Small

Medium

Large

variant="jungle" | emerald primary color

Outline Buttons

Default

Accent

variant="outline" | transparent with border

Secondary & States

Secondary

Disabled

Custom colors and disabled state

Border Radius

rounded-sm

2px

rounded-lg

8px

title

elements

Dropdown & Select

Radio Buttons

Text Inputs

Range Sliders

Date Pickers

Toggles & Checkboxes