Page Previews/Design specifications

There are three types of page previews: no image, landscape (i.e. wide), portrait (i.e. tall).

No image

Size & general styling

width: 320px;
max-height: 210px;
// height includes pokey
border-radius: 2px;
box-shadow: 0 30px 90px -20px rgb(0 0 0 / 30%), 0 0 1px 1px rgb(0 0 0 / 5%);

Inner styling

Landscape

Size & general styling

width: 450px;
height: 250px;
// height includes pokey
border-radius: 2px;
box-shadow: 0 30px 90px -20px rgb(0 0 0 / 30%), 0 0 1px 1px rgb(0 0 0 / 5%);

Inner styling

Portrait

Size & general styling

width: 320px;
height: 403px
border-radius: 2px;
box-shadow: 0 30px 90px -20px rgb(0 0 0 / 30%), 0 0 1px 1px rgb(0 0 0 / 5%);

Inner styling