Skip to main content

Asset guide (Admin Panel)

Learn what image dimensions, file types, and best practices RepeatMD uses for logos, hero images, shop cards, and campaign assets.

Overview

RepeatMD uses specific image dimensions across your Patient Rewards app. Uploading files at the recommended sizes keeps your branding sharp, prevents upload errors, and reduces distortion when images scale on different devices.

This reference is for practice owners, managers, admins, and onboarding leads preparing logo files, hero images, shop imagery, and campaign cards.

Before You Start

  • Most branding uploads happen in App Builder (logo, home hero, Discover cards, shop category heroes).

  • Treatment, package, and membership catalog images are uploaded when you create or edit items under MedCommerce Engine or Catalog → Services.

  • Default file types are PNG for logos and icons and JPG for photography-style hero and card images unless noted below.

  • If you need help resizing assets, contact your Client Experience Manager, or support@repeatmd.com.

Why It Matters

Correct asset specs help you:

  • Avoid blurry or cropped imagery on patient phones and tablets.

  • Speed up onboarding by submitting files that pass upload validation the first time.

  • Keep branding consistent across Home, Shop, Discover, and campaign carousels.

  • Reduce support back-and-forth when files exceed size limits or use the wrong aspect ratio.

How It Works

Assets fall into four areas of the patient app:

Area

What you customize

Where to upload

Branding

Logo, app icons, primary color

App Builder → Home (logo/color); Setup or App Builder for icons

Home screen

Hero image, Connect with us

App Builder → Home

Discover & offers

Campaign cards, home carousel

App Builder → Discover; offer creation flows

Shop

Browse hero, category headers/thumbnails, treatment/package/membership cards

App Builder tabs and MedCommerce Engine catalog editors

Use the dimension tables below when preparing files.

Business logo

Your logo is the primary in-app identifier connecting patients to your practice.

Spec

Value

Minimum height

366px

Max file size

1MB

File type

PNG (PSD acceptable for handoff to your onboarding team)

Best practices:

  • Use a transparent background

  • Use a horizontal wordmark for the app header

  • Do not place the logo inside a colored shape unless that is part of your brand lockup

Troubleshooting: See Avoid logos that dominate the header (Admin Panel) and Avoid logos that display too small (Admin Panel).

  1. Use a transparent background

  2. Use a horizontal version of your logo

  3. Unless part of your design, do not place your logo into a colored shape

Dimensions:

  1. Minimum height: 366px

  2. Max file size: 1MB

File Type:

  1. PNG

  2. PSD

App icons

Icon

Dimensions

File type

Favicon

32 x 32px

PNG

iOS app icon

180 x 180px

PNG

Android app icon

120 x 120px

PNG

Android icons are smaller; RepeatMD resizes iOS uploads for Android when needed.

Favicon

Dimensions:

  • File size: 32 x 32px

File type:

  • PNG

iOS Icon

Dimensions:

  • File size: 180 x 180px

File type:

  • PNG

Android Icon

Dimensions:

  • File size: 120 x 120px

File type:

  • PNG

Primary app color

Your brand color appears as both background and accent across the app. When used as a background, overlay text stays white.

  • Enter color as RGB, HSL, or HEX in App Builder.

  • Test contrast with the WebAIM contrast checker.

  • Work with your onboarding team if you need help selecting an accessible brand color.

Home screen hero image

Spec

Value

Dimensions

1302 x 1170px

Max file size

2MB

File type

JPG

Best practices: Use imagery from your website or social channels. Avoid busy patterns that make header text hard to read.

See Set up branding and home screen hero image (Admin Panel).

  1. Use an image from your website or social channels

  2. Try to avoid using extremely detailed or patterned images so you can clearly read the text placement

Dimensions:

  1. File: 1302 x 1170px

  2. Max size: 2MB

File Type:

  1. JPG

Connect with us image

By default, the Connect with us section uses your business logo. To use a different image, send the file to your Onboarding Specialist or CSM.

Spec

Value

Dimensions

1170 x 600px

Max file size

2MB

File type

JPG

Use imagery that represents your location or team.

  1. Use an image that represents the location

Dimensions:

  1. File: 1170 x 600px

  2. Max size: 2MB

File Type:

  1. JPG

Discover campaign cards

Discover cards link to Google reviews, booking software, blogs, and other external destinations.

Spec

Value

Dimensions

1074 x 606px

Max file size

2MB

File type

JPG

Best practices: Keep images simple. Cards already include a title and description, so avoid duplicating that text inside the image.

Special and automated offers use the same dimensions for their Discover cards. Offer images also appear in home screen carousels and resize automatically for those placements.

  1. Keep images as simple as possible

  2. The cards have a title and description section, so please avoid duplicating that in the image itself

Dimensions:

  1. File: 1074 x 606px

  2. Max size: 2MB

  3. This will automatically resize to fit the dimensions that show up in your special offers carousels around the app

File Type:

  1. JPG

When creating a Special or Automated Offer, you will also create a Discover card. You will use the dimensions above:

Dimensions:

  1. File: 1074 x 606px

  2. Max size: 2MB

  3. This will automatically resize to fit the dimensions that show up in your special offers carousels around the app

File Type:

  1. JPG

Shop browse hero image

Spec

Value

Dimensions

1170 x 1080px

Max file size

2MB

File type

JPG

By default, this links to your best-selling item. You can change the linked item to promote a specific treatment, package, or membership.

  1. Try to avoid using extremely detailed or patterned images so you can clearly read the text placement

Dimensions:

  1. File: 1170 x 1080px

  2. Max size: 2MB

File Type:

  1. JPG

Shop category thumbnail images

Spec

Value

Dimensions

360 x 360px

Max file size

2MB

File type

JPG

Best practices: Match each thumbnail to its corresponding category header image. If you change one, update the other.

  1. For each category, the thumbnail should match the header image within each

  2. If you change this image, you must chance the corresponding thumbnail image to match (Section below)

Dimensions:

  1. File: 360 x 360px

  2. Max size: 2MB

File Type:

  1. JPG

Shop category header images

Spec

Value

Dimensions

1170 x 600px

Max file size

2MB

File type

JPG

Used for Treatments, Packages, and Browse by Concern category screens. See Customize shop category hero images (Admin Panel).

Best practices: Avoid busy patterns. Keep thumbnails and headers visually aligned.

  1. Try to avoid using extremely detailed or patterned images so you can clearly read the text placement

  2. If you change this image, you must chance the corresponding thumbnail image to match (Section above)

Dimensions:

  1. File: 1170 x 600px

  2. Max size: 2MB

File Type:

  1. JPG

Treatments and packages imagery

Spec

Value

Dimensions

1074 x 804px

Max file size

2MB

File type

JPG

Best practices:

  • Show a patient or model receiving the treatment when possible.

  • Avoid imagery that emphasizes painful or uncomfortable aspects of a treatment.

  • Keep aesthetic style consistent across your catalog.

  1. When possible, show imagery of a client or model receiving the treatment so the image can start to educate your client

  2. Avoid using imagery that show the more painful elements to a treatment

  3. Ensure the image aligns aesthetically with the other imagery you are using for your treatments and packages

Dimensions:

  1. File: 1074 x 804px

  2. Max size: 2MB

File Type:

  1. JPG

Membership imagery

Spec

Value

Dimensions

2460 x 1050px

Max file size

2MB

File type

JPG

Best practices: Use aspirational lifestyle imagery unless the membership is treatment-specific (for example, a Tox membership).

  1. Membership offerings vary, so we recommend showing aspirational imagery rather than focusing on a particular treatment (Unless the membership offering is treatment-specific i.e. Tox Membership)

Dimensions:

  1. File: 2460 x 1050px

  2. Max size: 2MB

File Type:

  1. JPG

Best Practices and Pro Tips

  • Prepare a single source folder with all assets at correct dimensions before onboarding.

  • Use PNG for logos, JPG for photos. This keeps file sizes manageable and transparency intact where needed.

  • Pair header and thumbnail updates. Shop category changes look unfinished when only one asset is swapped.

  • Ask for optimization help early. Client Experience Managers can resize logos and hero images before launch.

  • Revisit assets after a rebrand. Update App Builder imagery and republish catalog photos together.

Common Mistakes and FAQs

Q: My file will not upload. What should I check first?

A: Confirm dimensions, file type, and max file size for that placement. Most hero and card images have a 2MB limit; logos have a 1MB limit.

Q: Can I use the same image for multiple placements?

A: You can reuse creative, but export each placement at its recommended dimensions. Cropping the same file for every slot often causes distortion.

Q: Who updates the Connect with us image?

A: By default it uses your logo. Send a replacement image to your Client Experience Manager if you want a custom photo.

Q: Do offer images need separate sizes for Discover and the home carousel?

A: No. Upload at 1074 x 606px; RepeatMD resizes for carousel placements automatically.

Q: Where do I upload each asset?

A: Branding and shop heroes: App Builder. Catalog treatment, package, and membership photos: MedCommerce Engine or Catalog → Services when creating or editing items.

Next Steps and Support

Need help? Email support@repeatmd.com

Related Articles
Did this answer your question?