Skip to content
English
Contact us
  • There are no suggestions because the search field is empty.

Creating Custom Resource Center Images Using Canva

Your app’s Resource Center allows users to quickly access important information, such as support resources, forms, contact information. In addition to selecting images from the Patter Knowledge Base, you can upload your own custom-designed resource card images.

This article walks you through creating Resource Center images using Canva.

Step 1: Set Up Your Canva Design

  1. Open Canva.

  2. Click Create a design.

  3. Select Custom size.

  4. Enter the recommended dimensions:
    1500 px (width) × 488 px (height).

  5. Click Create new design.

A blank canvas sized for Resource Center cards will appear.

Step 2: Add Your Organization’s Brand Color

  1. Click the blank background of your design.

  2. Choose a color using:

    • Your brand’s hex code, or

    • One of Canva’s preset color options.

This sets a branded foundation for your card.

Step 3: Choose a Consistent Icon Style

Icons help users quickly understand the purpose of each resource card. For a clean, cohesive look:

  • Use icons with similar styling (e.g., all outlined or all thin-lined).

  • Avoid mixing bold, filled, and outlined icons in the same card set.

Step 4: Add Icons in Canva

  1. In the left sidebar, click Elements.

  2. Use the search bar to find an icon related to your resource.

    • Example: search “question mark icon” for an FAQ card.

  3. Browse the results and select an icon.
    Tip: Most free Canva icons work well for Resource Center designs.

Step 5: Resize and Position the Icon

  1. Click and drag the icon to resize it.

  2. Place the icon at the center of the card.

  3. Leave spacing around the edges for a balanced, readable design.

Avoid placing icons too close to the borders or making them fill the entire card.

You are now ready to upload your image to the Admin Hub!

  1. Open your Admin Hub.

  2. In the left-hand menu, select My Organization.

  3. Navigate to the card you want to update OR click ADD CARD to create a new one.

  4. Upload your image.

  5. Add any additional titles, descriptions, or content needed.

Your custom card will now appear in the Resource Center for your users. If you have any questions, feel free to reach out to the Client Success Team.

appsupport@patter.com