Gradients
Our gradient styles are predefined blends that transition smoothly between colors to add depth and vibrancy.
Primary gradients
Use them as a background in your assets, components or large headings.
Green
Cool
Warm
Secondary gradients
Use for header text fill and shape fill, as accents. Avoid using two different gradients in the same frame - instead, pair it with dark/black background.
Midnight
Dawn
Fire
Marine
Sky
Nature
Bubble gum
Sun
Summer
Pinky
Grass
