Thrive Image Guide

This Guide helps your Thrive platform look its best.

All dimensions are given in pixels (width × height). The Thrive platform is responsive across desktop, tablet, and mobile; exceptions for the Thrive Mobile App are detailed below. Images may be resized proportionally, but we recommend always following the specified dimensions, aspect ratios, and safe areas.

Note:

The safe area is the part of an image that stays visible across devices and screen sizes, and free of overlap from buttons, overlaid text, or other UI elements. Keep important text and graphics within this area so they aren't cropped or obscured.

If you need licence-free images, Pexels and Unsplash are good starting points.

Logo

Your logo appears on your login screen and in the header and footer of the desktop platform and mobile app. We recommend a landscape-orientated version of your logo, uploaded in dark and light versions.

Template: Canva logo template ↗

Note:

To upload your logo, go to Configure > Theme. For details of each Theme setting, see Theme.

Favicon

The favicon appears in the browser tab next to your app title, and in the menu bar when it's collapsed.

Template: Canva logo template ↗

Login Image

The login image displays on your login screen.

Template: Canva logo template ↗

Campaign Banners

Campaign banners appear at the top of the Home screen and Campaigns screen on desktop and the mobile app. We recommend using image-only banners rather than adding text directly to the image – you can add campaign text separately using the Banner Headline and Banner Subheading fields.

Note:

For how to create a campaign, see Campaigns.

The diagrams below show the safe area for each banner. Keep any text or graphics within the outlined region – anything outside it may be hidden or overlapped by other UI elements.

Desktop Banner Safe Area

Template: Canva logo template ↗

Mobile Banner Safe Area

Template: Canva logo template ↗

Content and Space Images

A single image is used in two places: on content cards and as the hero image across a number of content types, including Articles, Assessments, eLearning, Events, Mixed Content, Pathways, and Spaces.

We advise against adding text or graphics directly to these images. If you do include them, keep them within the safe area.

The diagram below shows the safe area. Anything outside it may be hidden or overlapped by card buttons and other UI elements.

Template: Canva logo template ↗

Explore Tile Images

Explore tile images appear as a tile for each tag on the Explore screens, on desktop and the mobile app. The tag title is always displayed alongside the tile – below the image on desktop, and overlaid at the foot of the image on mobile, which is where the unsafe area sits.

Note:

Each Explore tile uses the thumbnail image uploaded to its skill or topic tag. To update a tile image, edit the relevant tag and upload a new thumbnail. For how to create and manage tags, see Skills and Topics.

The diagram below shows the safe area. On mobile, the tag title overlays the foot of the image, so keep any text or graphics within the outlined region.

Template: Canva logo template ↗

Reward Images (Badges)

Reward images appear on desktop and the mobile app. If you follow the specified dimensions, the entire image is safe – text and graphics can be placed anywhere within it.

Template: Canva logo template ↗