Skip to content

Image guidelines

Mika Tompuri edited this page Jan 19, 2023 · 19 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.

Hero images

  • Image format: .svg (Scalable Vector Graphics)
  • Smaller is better: Make hero images as small possible in file size.
  • Only use images up to 1 MB (1000 KB).