Design Studio - Overlay

In this Justuno knowledge base article, we will cover the available options under the Overlay tab.

In depth video tutorial: *coming soon*

At a glance:

Accessing Overlay
Transparent
Color
Gradient
Image

Last updated: 02/07/2024

 

Accessing Overlay


While working on a design, Overlay can be found by selecting the base canvas layer and navigating to the Overlay section on the right-hand side menu. This area allows you to add a background behind your design, creating a level of separation from the website that helps spotlight your designs. Select between four different fill types: TransparentColorGradient and Image.

 

Transparent


Just as the name implies, a Transparent fill type will apply a clear transparent background exposing the website behind your design.

 

Color


A Color fill type will apply a single html color code to the background surrounding your design. 

Tip: Consider using the opacity slider to add fade to your color, giving the background a dimmed website effect.

 

Gradient


A Gradient fill type will allow you to apply a gradual fade between two different colors. Additional inputs allow you to change between a linear or radial gradient, the angle of the gradient and the color bias of the gradient.

 

Image


Selecting fill type as Image will enable you to upload your own custom image or choose from a library of stock photos. All uploaded images will be stored in your account's asset library. Additional adjustments will allow you change the fit, tile and position of the image.