Team Cards & Banners Image Best Practices

Difference Between Team Cards and Team Banners

  • Team Cards: These are the scrolling list of Teams that appear when you click the "Teams" button in the app. Example of team card image below:
  • Team Banners: These are displayed both on the home screen of the app and on a Team’s detail page. Example of team banner image below:

How to Upload Team Cards & Team Banners

Team Cards

  1. Go to Sports > Team Groups.

  2. In the Card Image column, you have two options:

    • Drag & Drop your image directly into the column (it will auto-save).
    • Or, click on a specific Team Group and upload your image in the Card Image box, then click Save.

    Note: For optimal display, choose a vertical/portrait photo with dimensions of 450x900 pixels.

    Screenshot 2025-01-29 at 2.52.35 PM


Team Banners

  1. Go to Sports > Teams.

  2. Filter by Team Group to narrow down the list.

  3. In the Banner Image column, you have two options:

    • Drag & Drop your image directly into the column (it will auto-save).
    • Or, click on an individual Team and upload your image in the Banner Image box, then click Save.

    Note: For best results, use a horizontal/landscape photo with dimensions of 800x450 pixels.


Best Practices for Team Cards & Banners

  • Team Cards:
    • Use action shots of athletes to showcase the team's energy.
    • A high-quality, clear image always looks best.
  • Team Banners:
    • Opt for a group photo that represents the whole team.
    • Ensure the image is high quality and clearly shows the team as a unit.
  • General Tips:
    • Avoid over-cropping images, as sizing may vary based on the user’s screen.
    • Consider updating photos annually to keep the app looking fresh and engaging.