Base design system

Breadcrumb

Titles and paragraphs

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis repellendus vitae at quae eius deleniti ipsa omnis ea architecto aliquid, ut quidem veniam a, quod iusto excepturi veritatis minus vel.

Colors

blue-50
blue-100
blue-200
blue-300
blue-400
blue-500
blue-600
blue-700
blue-800
purple-50
purple-100
purple-200
purple-300
purple-400
purple-500
purple-600
purple-700
purple-800
red-50
red-100
red-200
red-300
red-400
red-500
red-600
red-700
red-800
orange-50
orange-100
orange-200
orange-300
orange-400
orange-500
orange-600
orange-700
orange-800
teal-50
teal-100
teal-200
teal-300
teal-400
teal-500
teal-600
teal-700
teal-800
green-50
green-100
green-200
green-300
green-400
green-500
green-600
green-700
green-800
gray-50
gray-100
gray-200
gray-300
gray-400
gray-500
gray-600
gray-700
gray-800
dark-50
dark-100
dark-200
dark-300
dark-400
dark-500
dark-600
dark-700
dark-800

Panels

Example of primary panel
Example of panel
Example of secondary panel
Example of panel
Example of info panel
Example of panel
Example of warning panel
Example of panel
Example of error panel
Example of panel

Title with options

Lorem ipsum title

Total Subscribers

71,897

Increased by 122

Avg. Open Rate

58.16%

Increased by 5.4%

Avg. Click Rate

24.57%

Decreased by 3.2%