Skip to content

Image guidelines

Mika Tompuri edited this page Nov 17, 2022 · 20 revisions

This page gives you a rough guide for creating images for the platform.

Format

Recommended format for images: .svg

Size guide for image elements

  • Landing page hero image: Depends on the art direction, but if you want to use the full width of the screen: width 1920px and height 602px
  • Chapter card image: width 528px and height 370px
  • Body text image: Maximum width 768px; the height is not defined - any height is fine as far it doesn’t break the aspect ratio of the image.
  • Hero-image on chapter page: not specified at the moment. Component is work-in-progress.
  • Hero-image on (lesson) pages: not specified at the moment. Component is work-in-progress.
Clone this wiki locally