Usage
Image lists represent a collection of items in a repeated pattern. They help improve the visual comprehension of the content they hold.
Principles
Visual
Image lists allow users to scan content based on images.
Comparable
Image lists allow users to easily compare items within a collection.
Integrated
Image lists are responsively integrated with the surrounding content and layout.
Anatomy
Image lists are comprised of containers that are set at a certain aspect ratio. Each item in an image list can display optional text and iconography below or above the image container.
Behavior
Types
Theming
Specs
Standard
- Measurement 4
- Measurement 4
- Measurement 4
- 1x1
Quilted
- Measurement 4
- Measurement 4
- 1x1
- 2x1
- 1x1
Masonry—mobile
- Measurement 4
- Measurement 4
- Measurement 4
- Measurement 4
- Measurement 4
- 174224
Masonry—desktop
- Measurement 4
- Measurement 4
- Measurement 28
- Measurement 32
- Measurement 8
- 2424
Masonry—tablet
- Measurement 4
- Measurement 4
- Measurement 4
- Measurement 4
- Measurement C
- Measurement 24
- Measurement 48
- Measurement 12
- Measurement 12
- Measurement 12
- Measurement 48
- 192246
Woven
- Measurement 24
- Measurement 24
- Measurement 24
- Measurement 28
- 1x1
- 5x7