Cover image guidelines

Here are some tips to make your Slite doc cover images look even better.

"Banner" cover image

This option looks great for background-style images, such as patterns, gradients, landscapes, textures... etc. But screen sizes can vary a lot, so it can be hard to find the perfect image.

To help ensure that the important part doesn't crop, we created these templates that help you design your own cover images.


Template 1

Works for most pictures; you can use this template to make sure the important parts don't get cropped.

Examples in use



Template 2

If your image has a main element on it, you may want to position it in the safe area on the right side. It looks nicely balanced with the doc title (depending on the title length it can overlap, so make sure you check that too). We love using this layout with Slite's illustrations.

Examples in use