Asset Guidelines

This page includes types of assets that can be added to Fringe Learn.

Images

Badges

Dimensions: 800px $\times$ 800px Type: jpg, png Description: These images are used as achievements for completing course content. For best results, crop them into a circle. Other shapes will be automatically cropped into a square.

Big Banner

Dimensions: 1920px $\times$ 1080px Type: jpg, png Description: This image is used on the homepage as the background of the banner.

281KB

Big_Banner.jpg

image

A sample of a big banner.

Course Banners

Dimensions: 1920px $\times$1080px Type: jpg, png Description: These images appear on course pages as part of the banner. These images become cropped from the left side.

An example of a course banner.

Course Thumbnails (Feature Image)

Dimensions: 700px $\times$ 406px Type: jpg, png Description: These images appear in course cards.

An example of a course thumbnail.

Favicon

Dimensions: 260px $\times$ 260px Type: svg, png, ico Description: This icon appears in browser tabs to identify your site.

Header Logo

Dimensions: 66px (height) Type: svg (preferred), jpg, png Description: This logo appears at the top of the site and identifies your organization.

10KB

Header_Logo.svg

image

An example of the Fringe Theatre header logo.

Mascots

Dimensions: 800px $\times$ 800px Type: jpg, png Description: These images allow users to select a photo for their profile. They are cropped into a circle.

An example of a mascot.