Gradients

Within the website, gradients are used as a background element with or without transparancy. The gradient is set up as a two-colored version with the primary blue color for web. This version is also used on social media.

The gradient is only applied in it's 50% and 25% opacity versions. The 50% version is used as a backdrop for text on images, where the 25% version is used as a solid background for the 'topic cards' grid component. The 100% version is not used within the website ecosystem.