How to Create Program & Category Images for Your App in Canva

TL;DR

  • Use our Canva templates to create program and category images from your phone (or desktop) in minutes
  • Select a template, customize your text and imagery, and save and upload your design directly to the creator app
  • Reach out to creators@playbookapp.io to learn more about our Instagram image design services

You need cover images for programs and categories in the app. Canva is by far the easiest solution to create these on your phone. Here is our simple six step process — including premade Canva templates — for creating cover images in minutes.

Here's what program and category images look like in the consumer app:

How to Edit Templates in Canva on Your Phone

Note: The following instructions are for the Canva mobile browser, not the Canva app.

The most important thing to keep in mind when designing images is to stay on brand. Stick with the same fonts and colors you’ve been using throughout your app to create brand consistency.

  1. Create a free Canva account or log in to your existing account

  2. Open the Program and Category Cover template and click “Use template”

  3. Select your category or program template

    Note: There are nine total templates to choose from (five category templates and four program templates). Swipe left to view them all. When you’ve chosen the one you want to edit, move on to the next step.



  4. To customize text, click the placeholder text and add your own copy.

    Note: You can change the font, font size, and color by toggling through the options at the bottom of your screen.


  5. To customize the image:

    - Click on the placeholder image and click “Replace” at the bottom of your phone screen
    - To upload media from your phone’s library, select “Upload media”. You can upload directly from your device, or Facebook, Instagram, Google Drive, and Dropbox
    - Select your photo and click “Add"
    - Once your photo has been uploaded, click on it and it will be dropped onto your canvas









    To use Canva’s free stock imagery, select “Photos” at the bottom nav bar on your screen and use the search function. Click a photo to add it to your canvas.


  6. If you want a background color instead of a photo, click on the templated image and click select “Color” from the nav bar at the bottom of your phone.

    Choose a color or paste in the HEX color code for your specific brand color by clicking the “+” icon.

Save & Upload Your Design

You did it! Now all that’s left to do is save the image and upload it to your app.

To save and upload your design

  1. Click the upward pointing arrow in the upper right corner

  2. Click "Download"
    "All pages” is selected as a default. Click to select and download only the templates (pages) you made edits to

    Make sure to select “JPG” as the file type, then click “Download” once more at the bottom


  3. Upload the file to your program or category in the creator app.

  4. For additional programs and categories, lather, rinse, and repeat the above steps to create more cover images!

How to Edit Templates in Canva on Desktop

The most important thing to keep in mind when designing images is to stay on brand. Stick with the same fonts and colors you’ve been using throughout your app to create brand consistency.

  1. Create a free Canva account or log in to your existing account

  2. Open the Program and Category Cover template and click “Use template”

  3. Select your category or program template

    Note: There are nine total templates to choose from (five category templates and four program templates). Scroll down to view them all. When you’ve chosen the one you want to edit, move on to the next step.

  4. To edit text, double click the placeholder text and add your own copy

    Note: You can change the font, color, and size.


  5. To customize the image:

    - Select a stock photo (in left navigation panel) OR
    - Upload your own photo (via left navigation panel) OR

    Click on the image (either in Photos or Uploads) to add it to your canvas, which will look something like this:


    Click on the image you just added to your canvas and drag in an upward motion to swap out the placeholder image.

  6. If you want a background color instead of a photo, click on the templated image and click “Color."

    Choose a color (left corner) or paste in the HEX color code for your specific brand color


Save & Upload Your Design

You did it! Now all that’s left to do is save the image and upload it to your app.

To save and upload your design

  1. Click “Download” in the upper right corner

    "All pages” is selected as a default. Click to select and download only the templates (pages) you made edits to.

    Make sure to select “JPG” as the file type, then click “Download” once more at the bottom.

  2. Upload the file to your program or category in the creator desktop app.

  3. For additional programs and categories, lather, rinse, and repeat the above steps to create more cover images!


Pro Canva Tips

Keep these in mind when designing:

  1. Zoom out periodically (about 10% scale) to get a better sense of what your image will look like when it’s scaled down in the app. Is your text readable? Are your visuals clear?

  2. Make sure there’s no text (or important visuals) in the corners of your image, since it will be cropped into a circle on the app.

  3. Text for program cover images should include the length of time, for example:
    - Beginner Program: 4 Weeks
    - 30-Day Fit Challenge

  4. Text for category cover images should include the type of workout, for example:
    - Ab Workouts (vs. "Abs")
    - Equipment-Free Workouts
    - Dumbbell Workouts

  5. Your cover photos for programs and categories should have their own style and tone to make it easy for users to differentiate between them.

    Example: Categories can have a background color, while programs can have a background image.

    Note: You can also use these templates to create images for challenges and the feed.

Playbook Design Services

If you’d rather not flex your creative muscles, we’ve got you covered!

Reach out to creators@playbookapp.io to learn more about our category and program image design services. We look forward to hearing from you!