mesh gradient background

A modern, organic background made with overlapping mesh gradients that create a soft, colourful, and abstract visual effect. Ideal for hero sections, landing pages, or full-page backgrounds, this component adds depth and visual interest without overwhelming your content. Built with HTML and CSS, the mesh gradient is fully customizable—adjust colours, blur levels, shapes, and positioning to match your aesthetic. Seamlessly integrates into Systeme.io using a custom code block, giving your pages a premium, design-forward look.