UI Elements Showcase
A showcase of all available UI element variations with the Version 28 color system.
Heading Variations
Primary Gradient Heading
Alternative Gradient Heading
Warm Gradient Heading
Button Variations
Badge Variations
Card Variations
Standard Card
A standard card with default styling
This is the content of a standard card.
Alternative Card
An alternative card style
This is the content of an alternative card.
Featured Card
A featured card with gradient background
This is the content of a featured card.
Highlighted Card
A highlighted card with warm colors
This is the content of a highlighted card.
Alert Variations
Text Variations
Primary Text - Used for important information
Secondary Text - Used for supporting information
Success Text - Used for positive messages
Warning Text - Used for cautionary messages
Danger Text - Used for error messages
Info Text - Used for informational messages
Muted Text - Used for less important content
Background Variations
Subtle Background
Used for subtle emphasis
Primary Subtle Background
Used for primary information
Secondary Subtle Background
Used for secondary information
Success Subtle Background
Used for success messages
Warning Subtle Background
Used for warning messages
Danger Subtle Background
Used for error messages
Info Subtle Background
Used for informational content
Input Variations
Divider Variations
Standard Gradient Divider
Primary Gradient Divider
Secondary Gradient Divider