# Visual Pattern

# Carousel

[![carousel.png](https://kb.astate.edu/uploads/images/gallery/2025-07/scaled-1680-/carousel.png)](https://kb.astate.edu/uploads/images/gallery/2025-07/carousel.png)

<table id="bkmrk-use-case-when-you-wa"><tbody><tr><td>**Use Case**

</td><td><span style="font-weight: 300;">When you want to share slides of multiple images on one page.</span>

</td></tr><tr><td>**Limitations**

</td><td><span style="font-weight: 300;">There must be 3 to 10 slides.</span>

</td></tr><tr><td>**What’s Required?**

</td><td><span style="font-weight: 300;">Each slide must have an image and caption.</span>

</td></tr><tr><td>**What’s optional?**

</td><td><span style="font-weight: 300;">Section heading, introduction</span>

</td></tr></tbody></table>

# Image

[![pattern-image.png](https://kb.astate.edu/uploads/images/gallery/2025-07/scaled-1680-/pattern-image.png)](https://kb.astate.edu/uploads/images/gallery/2025-07/pattern-image.png)

<table id="bkmrk-use-case-when-you-wa"><tbody><tr><td>**Use Case**

</td><td><span style="font-weight: 300;">When you want to share a single image</span>

</td></tr><tr><td>**Limitations**

</td><td><span style="font-weight: 300;">N/A</span>

</td></tr><tr><td>**What’s Required?**

</td><td><span style="font-weight: 300;">There must be one image</span>

</td></tr><tr><td>**What’s optional?**

</td><td><span style="font-weight: 300;">Section heading, introduction, caption</span>

</td></tr></tbody></table>

# Image List

[![pattern-image-list.png](https://kb.astate.edu/uploads/images/gallery/2025-07/scaled-1680-/pattern-image-list.png)](https://kb.astate.edu/uploads/images/gallery/2025-07/pattern-image-list.png)

<table id="bkmrk-use-case-when-you-wa" style="width: 737px;"><tbody><tr><td style="width: 126px;">**Use Case**

</td><td style="width: 611px;"><span style="font-weight: 300;">When you want to share a list of related or equally important items in a more visual way. There can be an unlimited number of items in this list.</span>

</td></tr><tr><td style="width: 126px;">**Limitations**

</td><td style="width: 611px;"><span style="font-weight: 300;">N/A</span>

</td></tr><tr><td style="width: 126px;">**What’s Required?**

</td><td style="width: 611px;"><span style="font-weight: 300;">Each item in the list must have an image, title, and body.</span>

</td></tr><tr><td style="width: 126px;">**What’s optional?**

</td><td style="width: 611px;"><span style="font-weight: 300;">Section heading, introduction</span>

</td></tr></tbody></table>

# Photo Collage

[![pattern-photo-collage.png](https://kb.astate.edu/uploads/images/gallery/2025-07/scaled-1680-/pattern-photo-collage.png)](https://kb.astate.edu/uploads/images/gallery/2025-07/pattern-photo-collage.png)

<table id="bkmrk-use-case-when-you-wa" style="width: 794px;"><tbody><tr><td style="width: 140px;">**Use Case**

</td><td style="width: 654px;"><span style="font-weight: 300;">When you want to share 3 images along with important links to other content</span>

</td></tr><tr><td style="width: 140px;">**Limitations**

</td><td style="width: 654px;"><span style="font-weight: 300;">N/A</span>

</td></tr><tr><td style="width: 140px;">**What’s Required?**

</td><td style="width: 654px;"><span style="font-weight: 300;">There must be a section heading, introduction, 1 primary and up to 5 secondary links, and 3 images</span>

</td></tr><tr><td style="width: 140px;">**What’s optional?**

</td><td style="width: 654px;"><span style="font-weight: 300;">N/A</span>

</td></tr></tbody></table>

# Story Display

[![pattern-story-display.png](https://kb.astate.edu/uploads/images/gallery/2025-07/scaled-1680-/pattern-story-display.png)](https://kb.astate.edu/uploads/images/gallery/2025-07/pattern-story-display.png)

<table id="bkmrk-use-case-when-you-wa"><tbody><tr><td>**Use Case**

</td><td><span style="font-weight: 300;">When you want to display a quote from a student, alum, faculty member, community member, etc.</span>

</td></tr><tr><td>**Limitations**

</td><td><span style="font-weight: 300;">N/A</span>

</td></tr><tr><td>**What’s Required?**

</td><td><span style="font-weight: 300;">There must be a quote, name, and attribution.</span>

</td></tr><tr><td>**What’s optional?**

</td><td><span style="font-weight: 300;">Section heading, introduction, URL, and caption</span>

</td></tr></tbody></table>

# Video

[![pattern-video.png](https://kb.astate.edu/uploads/images/gallery/2025-07/scaled-1680-/pattern-video.png)](https://kb.astate.edu/uploads/images/gallery/2025-07/pattern-video.png)

<table id="bkmrk-use-case-when-you-wa"><tbody><tr><td>**Use Case**

</td><td><span style="font-weight: 300;">When you want to share a single video</span>

</td></tr><tr><td>**Limitations**

</td><td><span style="font-weight: 300;">N/A</span>

</td></tr><tr><td>**What’s Required?**

</td><td><span style="font-weight: 300;">There must be one video</span>

</td></tr><tr><td>**What’s optional?**

</td><td><span style="font-weight: 300;">Section heading, introduction, caption</span>

</td></tr></tbody></table>