Calendar Design Guide

Recommended sizing for graphical assets

Mads Lyse Nielsen avatar
Written by Mads Lyse Nielsen
Updated over a week ago

Required assets are marked with a star*

Dimensions are listed in pixels, width x height.

Maximum file size: 700kb

File types: .png, .jpeg, .jpg, .gif, .svg

Calendar with 24 and 4 door

Graphical assets for calendars with 24 and 4 doors are very similar. They differ only in the number of doors in the calendar graphic and the number of images behind the doors.

Calendar graphic (desktop/tablet)

  • Number: 1

  • Recommended size: 1000 x 600 or 800 x 480, depending on design

  • Maximum size: 1000px wide

  • Option 1: graphic with doors and solid background

  • Option 2: graphic with doors and transparent background

  • Option 3: graphic without doors (use auto-generated doors)

Calendar graphic (mobile)

  • Number: 1–24+

  • Recommended size: 200 x 200 or 200 x 280

  • Maximum size: 300 x 300

  • The entire graphic is the door (mobile background is uploaded separately).

  • For non-square doors, save as .png with a transparent background.

  • If no graphic is uploaded, the platform will generate a 200 x 200 square door.

  • The graphic can include the day's number (upload one for each day of the calendar) or be blank (upload one image and have the number added by the platform).

Image behind the door*

  • Number: 4–24+ (one for each calendar day)

  • Recommended size: 200 x 200

  • Should be the same size and shape as the door (will stretch or shrink to fit).

  • Possible to upload separate versions for desktop/mobile/tablet, if the doors have different shapes.

  • The images are visible when the door opens and remain visible on desktop and tablet on future days.

  • .gif files are not supported here.

Scratch symbol (desktop only)

  • Number: 1

  • Recommended size: 100 x 100

  • Maximum size: 200 x 200

  • On tablet and mobile, participants open the door with their fingertip, so the symbol is not shown.

  • Only shown if opening doors "by scratch" (not "by click").

  • Should be saved as .png with a transparent background.


Calendar with 1 door

The following assets are only used if you are building a one-door calendar. See how to set up a one-door calendar here.

Calendar graphic (one-door calendar)

  • Number: 1–24+

  • Recommended size: 300 x 500

  • The entire graphic is the door (background is uploaded separately).

  • For non-square doors, save as .png with a transparent background.

  • The graphic can include the day's number (upload one for each day of the calendar) or be blank (upload one image and have the number added by the platform).

Image behind the door (one-door calendar)

  • Number: 4–24+ (one for each calendar day)

  • Recommended size: 300 x 500

  • Should be the same size and shape as the door (will stretch or shrink to fit).


The following assets are only used if you are building a calendar with quiz questions.

Question illustration

  • 1 per question

  • Recommended size: 400 x 200 (will scale to fit the screen width on mobile)

  • Maximum size: no maximum

  • Note: Limit the height of the image by using a wide aspect ratio. This will help make sure all the content fits on the screen without scrolling.

Answer option: image

  • 2–3 per question

  • Recommended size: 300 x 300 (will scale to fit the screen width on mobile)

  • Maximum size: 500 x 500

  • Note: The images must all have the same dimensions.

You can find more information and most commonly asked questions in our Calender FAQ.

Christmas calendar, advent calendar, kalender, advent, julekalender

Did this answer your question?