Disco Platform Images Guide

We know you want your community and learning space to look inviting to your members so we've made this guide to help you get the perfect thumbnails for populating your Disco instance. We have suggestions for file specs, templates for you to use from some of your favorite design programs, the ideal sizing and even some pro tips to make sure it looks perfect. 

 

File Specs: JPG or PNG in the RGB color profile. Ensure exported images are under 300 KB for the fastest image load times.

 

Templates:

Figma (duplicate to your drafts)

Adobe Illustrator (download)

Adobe Photoshop (download)

Canva (see below)

 

Community Image Sizes:

 

Product Image Sizes:

 

Curriculum Image Sizes:

 

Tips:

  • Upload images as you work to ensure the creative looks right in the space it will live in. 
  • Your community logo may need added weight to be legible at smaller display sizes.
  • A midweight or thicker font is recommended for legibility on all images as they are displayed in multiple locations and sizes (ex. Event images are also shown as smaller tiles on the “My Calendar” page).
  • Curriculum images are displayed as a small thumbnail; we recommend using an icon or other bold imagery for these.

 

Examples:

Community Cover Image:

cover-community-Image.png

 

Community Banner Image:

banner-community-image.png

 

Experience Cover Image:

cover-experience-image.png

 

Experience Banner Image:

banner-experience-image.png

 

Curriculum Image:

banner-curriculum.png

Post Cover Image:

cover-post-image.png

 

Post Banner Image:

banner-post-image.png

Event Banner Image:

cover-event-course-image.png