Gradient Colors

Blueprint is supported by an extensive gradient color system that themes our styles and components. This enables more comprehensive customization and extension for any project.

Primary - Secondary Gradient
Primary Gradient
Secondary Gradient
Reverse Gradient
 
<div class="bg-gradient">Primary - Secondary Gradient</div>
<div class="bg-primary-gradient">Primary Gradient</div>
<div class="bg-secondary-gradient">Secondary Gradient</div>
<div class="bg-reverse-gradient">Reverse Gradient</div>