Banner Component Showcase
Variations of the announcement banner component used in the dashboard.
Color Variations
Green Gradient (Success/Growth)
Used for coverage updates and positive news
Violet Gradient (Promotions)
Used for discounts, campaigns and special offers
Orange Gradient (Attention/Time)
Used for schedules, deadlines and operating hours
Blue Gradient (Information)
General information and system updates
Red Gradient (Critical)
Service disruptions or urgent alerts
Icon Variations
Transportation Icon
Package Icon
Security Icon
Feature Icon
Content Variations
Minimal (Title Only)
With Description
This version includes a supporting description text line to provide more context about the announcement.
Texture & Images
With Background Image Texture
Uses a subtle pattern overlay mixed with the background color
Call-to-Action Variations
Default Button
Standard translucent button style
High Contrast Button
White button with colored text for high visibility
Outlined Button