Color Palette
It's like a double rainbow. Only better.
Gradients
Below is a list of gradient classes built in to Suit to easily convey the Sonos brand. You can also add a class of .move to provide a small animation that will subtly move the gradient.
.gradient--sunset
.gradient--sunset.reverse
.gradient--ocean
.gradient--ocean.reverse
.gradient--lisbon
.gradient--lisbon.reverse
.gradient--coral
.gradient--coral.reverse
.gradient--seafoam
.gradient--seafoam.reverse
.gradient--austin
.gradient--austin.reverse
.gradient--phoenix
.gradient--phoenix.reverse
.gradient--ynez
.gradient--ynez.reverse
Colors
Below is a list of color classes built in to Suit to easily convey the Sonos brand.