Gallery
A gallery is a collection of images or multimedia content displayed in a visually appealing and organized manner. It serves as a way to showcase photographs, artwork, or other visual assets, allowing users to explore and interact with the content. Galleries often include features such as image thumbnails, navigation arrows, and a modal window or lightbox to help users browse through the content.
Color
| Element | Property | Color token |
|---|---|---|
| Caption | text color | $text-secondary |
Typography
| Element | Font-size (px/rem) | Font-weight | Type token |
|---|---|---|---|
| Caption | 14 / 0.875 | Regular / 400 | $helper-text-01 |
Structure
| Element | Property | px / rem | Spacing token |
|---|---|---|---|
| Caption | margin-top | 8 / 0.5 | $spacing-03 |
| Image | margin-right | 32 / 2 | $spacing-07 |