Canva Design Templates

Use the powerful online design tool Canva to create your PixiWeb graphic elements in just a few minutes with our pre-built templates.

canva template hero-01.png

Access the templates below

 

The three main graphic elements you can customize are the:

  • photo overlay

  • site logo

  • site background (optional)

You’ll need a Canva account to be able to use our templates, but don’t worry because it’s free to sign up!

Canva_Logo.png

We have three templates available for Canva

The templates correspond to each of the three customizable graphics in your PixiWeb campaigns — namely the site logo, the photo overlay, and the site background image. The site background is optional and defaults to a white background if nothing is uploaded.

Each template is sized appropriately for PixiWeb, so you can easily design each of the necessary elements without having to think twice about sizing or parameters! When downloading or saving your Canva designs, follow the simple instructions included within page 2 of each template so that the final output files can easily be uploaded to PixiWeb without any resizing or conversion issues.

 Tips for PixiWeb design success

 
PixiWeb Design for Canva Screenshots-01.png

Photo Overlay

The size of the photo overlay is 1000px x 1000px.

When designing an overlay, it is important to remember that this graphic will be placed on the photo as a digital frame, border, or watermark. Therefore the designer must be mindful to keep the design elements around the edges of the design area, otherwise the overlay is likely to block parts of the subject in the photo. An overlay that takes up too much real estate will cause the graphics to clash with many of the photos. The center of the artboard should be clear of any graphics.

Pro tip: In the “Elements” section, try searching for “border” or “frame” for loads of options!

 
PixiWeb Design for Canva Screenshots-02.png

Site Logo

The size of site logo is 800px wide x 400px tall.

For your logo to show well on your PixiWeb site, you’ll want to scale it (proportionately, of course) to maximize the height or width within the design area — whichever comes first.

For square or vertical logos, maximize the height. For landscape formatted logos, maximize the width. If your logo is extremely tall and thin or flat and wide, you can resize the Canva design area to fit your logo layout.

Pro Tip: If you already have a logo but just need to reformat it, you can easily upload it right into Canva and go from there!

 
PixiWeb Design for Canva Screenshots-03.png

Site Background

The size of the site background is 1250px wide x 800px tall.

This part of the design is not required and will default to a white site background if you do not include it.

Like most websites, the site background image must be one that is not overly busy or distracting. It also must contrast nicely with either white or black text, otherwise the user will have trouble reading the PixiWeb site text and prompts. We suggest using a color, gradient, pattern or an abstract image — something that will not be obstructed when scaled differently by different screen sizes, or by other site elements (like the logo) that gets placed “on top” of it.

Pro Tip: Click on the “Background “ tab to access hundreds of pre-made background styles!

Designing, saving & downloading your artwork for PixiWeb

 

PixiWeb Photo Overlay Canva Instructions

  1. Do all of your design on Page 1 of the template

  2. Delete sample frame, sample logo, and sample text

  3. Design your overlay with text, graphics, borders, frames, etc

  4. Delete the stock photo in the background to make sure your final file only includes your design -- your background must be transparent!

  5. When downloading this file, make sure to:

    • Choose File Type: PNG at full size (Size x 1) and check the box for "Transparent Background"

    • Choose Select Pages: check box for Page 1 and click Done

    • Click Download


PixiWeb Site Logo Canva Instructions

  1. Do all of your design on Page 1 of the template

  2. Delete sample logo, and sample text

  3. Design your logo or upload it

  4. Try to maximize the height and width within the design area without distorting the image (this will give it proper sizing on PixiWeb)

  5. When downloading this file, make sure to:

    • Choose File Type: PNG at full size (Size x 1) and check the box for "Transparent Background"

    • Choose Select Pages: check box for Page 1 and click Done

    • Click Download


PixiWeb Site Background Canva Instructions

  1. Do all of your design on Page 1 of this template

  2. Delete sample background pattern (double-click to highlight and delete)

  3. Design your background (see "Bkground" tab to the left)or upload it (see "Uploads" tab to the left)

  4. When downloading this file, make sure to:

    • Choose File Type: PNG at full size (Size x 1)

    • Choose Select Pages: check box for Page 1 and click Done

    • Click Download