Instructions

How to customize the "Photo Wall" in the Home page background

The "Photo Wall" has been added as a single image so that it is easy for you to replace. I created the image as a collage of different photos by the artist. You can create a similar collage of your own work (using a software like Adobe, Figma, Canva, etc). Here are some guidelines to keep in mind when creating this collage:

  • Use landscape orientation (minimum size: 1920px by 1280px)
  • Aim for a loose collage or grid — overlapping or varied image sizes add character
  • Export as WebP if the software allows it. Alternatively, export as JPEG and use Webflow's compression to convert it into WebP so it doesn't slow down your website
  • Once the image is ready, head over to the "Photo Wall" element inside the "Fixed Photo Wall BG" section on the home page and head to the Background section in the Style panel to replace the current image
  • PRO TIP: If you want a spotlight effect that is smaller and less prominent, you can replace the "Mask" image with the "sml-mask" images available in black and white colors already uploaded to the asset panel!

See a complete portfolio website design with this effect

Finding it hard to visualize how you could use this inside a complete website design? I've used it to create a cinematic portfolio website for AI artists to showcase their work and even sell their art online. Check it out!

Check it out