Buttons
Card
Project Alpha
A sample card component demonstrating typography, spacing, colour, and elevation tokens working together.
Form Inputs
We'll never share your email.
Password must be at least 8 characters.
Badges & Tags
In Progress
Completed
Pending Review
Failed
Type Scale
3xlHeading One
2xlHeading Two
xlHeading Three
lgSubheading
baseBody text at base size
smSmall supporting text
xsCaption or fine print
Spacing Scale
Border Radius
Elevation / Shadows
sm
md
lg
xl
Alerts
Changes saved successfully. Your profile has been updated.
Unable to process request. Please check your input and try again.
Navigation Tabs
Toggles
Dark mode
Notifications
Auto-save
Avatars
YW
AK
JL
MR