Cover page
Rosie Watson
You can customize your cover page with an image as well as shortcut tiles, videos and other content you would normally add to a page in your styleguide.
Cover page image
To give your cover page a background, click Cover page in the left navigation tree, hover the cover, and click Change cover to set a background color or image.
Cover page image sizing
Set cover image to fit
You can toggle the cover image to fit the width of the page. This means it will be responsive and scale if you view the styleguide on a mobile device.
Cover image parameters and size
To look best on most monitors you should go with an 1920x1080px image.
If your cover image is not full height you might want to go with a shorter image.
Depending if you have set the image to fit or not, the cover image either tries to fill the whole space, or it will resize itself to be contained within the space. This means the image will be cropped in different ways on different screen sizes, so take this into consideration when choosing an image.
Remove cover image
To remove a cover image just select a color from the cover style options.
Multiple cover image
For styleguides with multiple themes, you can upload a different cover image for each theme. This will allow you to have different cover images for light and dark modes, for example.
To do this, you will need to switch the theme you are viewing in the editor to set the image/color of the cover in that theme.