Design: Gallery

Table of Contents

• Usage
• Recommended Image Ratio & Dimension(s)
• Variations
• Example

Usage

The Gallery block can be used on any page. 2-4 images per row is recommended.

Recommended Image Ratio & Dimension(s)

• Ratio: the gallery will look best with images that have a 1:1 ratio.
• Use consistent image sizes (or consistent aspect ratio) Use the default ‘crop images’ setting in the Gallery Block.
• Images can also be auto-cropped to be a ratio of 16:9

Variations

• There are no style variations for this block but the gallery may look different depending on how many images you have per row and what the aspect ratios are for the images.
• When captions are added to the images they will appear in the Gallery. Images with captions will have a vignette automatically applied so the caption text is readable.

Example

The below example uses images that all have a 1:1 ratio and two images have captions.