Unified Button System Test Page
Primary Variants
Primary Default
Primary Light
Primary Disabled
Loading State
Size Variants
Extra Small
Small
Medium
Large
Extra Large
Brand Colors
Arcilla
Arcilla Light
Oceano
Oceano Light
Dorado
Dorado Light
Status Variants
Success
Danger
Warning
Outline & Ghost Variants
Outline Button
Ghost Button
Buttons with Icons
Add Item
Save Changes
Delete
Dropdown
Open Link
Icon-Only Buttons
Full Width Buttons
Full Width Primary
Full Width Outline
Buttons as Links
Browse Courses
Back to Dashboard
Contact Us
Accessibility Features
Try navigating with Tab key to see focus states. All buttons have proper focus rings.
Tab to me
Then to me
And me
Me too
Contrast on Different Backgrounds
Light Background
Primary
Primary Light
Outline
Ghost
Gray Background
Primary
Outline
Ghost
Dark Background
Primary
Arcilla
Dorado
Primary Background
Outline
Dorado
Custom Outline