When i developed this feature, i had two important guidelines i focused on: making sure the shapes were lightweight and optimized, while delivering shapes that looked great on any screen, resolution and device. Because the shapes are SVG's, this guarantees they are always seen as high resolution, including on retina screens.

Adding svg shapes to the top and bottom of the website sections is quite easy. With the SVG Shapes feature, you can control the size of the shapes, the colors, as well as flip them over.