Use the Gradient swatches to add Gradients to your Backgrounds. Choose the angle of your Gradient, and even apply an animation speed to create a pulsing linear motion.


Gradients are a simple way to create striking website pages with a few simple clicks. Simply combine the Background Colour swatch, with a Background Gradient swatch and use the Gradient Angle tool to determine the linear angle.

  D03 E02    02:17

Background Gradient

Apply a Background Gradient to create depth in your backgrounds. Consider applying a Gradient Animation for Layouts that you might wish to command more attention.


Experiment by also adding a Background Overlay colour on top of your Gradient. Or use another Frame as an additional layer to create more complex Gradients with many colours at different angles.

In addition to your branded colours, you may also add a custom gradient colour simply by adding a hex code or using the colour picker to play with colours.