Skip to header Skip to footer

Website Image Guidelines

This page displays suggested image size guidelines for each component that utilizes images to help with future image selection. Please refer to the recommended size options below. If you have any questions, please reach out to your Project Manager. 

Cards Component

Card 1 Title
Image 1 Alt Text
Card 1 Title

Card 1 Content

Primary CTA Secondary CTA File Link
Card 2 Title
Card 2 Title

Card 2 Content

Secondary CTA Primary CTA PDF Link
Card 3 Title
Image 3 Alt Text
Card 3 Title

Card 3 Content

Primary CTA
Card 4 Title
Image 1 Alt Text
Card 4 Title

Card 4 Content

Secondary CTA

Sizes for these components will vary depending on the number of cards present in a row - there are options for 1, 2, 3 or 4 cards. 

1 card: 16:9

2 cards: 4:3

3 cards: 3:2

4 cards: 1:1

Best practice dictates that all images used in a single cards component should be approximately the same size. 

Content Row

Sample Text - this is what the component will look like

Minimum recommended height: 400px

Ratio will depend on site design (PM, update accordingly)

Hero Carousel Component

Image 1 Alt Text

Desktop: 1300px x 600px (or 13:6 ratio)

Tablet/Mobile: 300px x 200px (or 3:2 ratio)

Image Carousel

Image size will vary depending on the exact usage and number appearing at a time, but best practice dictates having all items in a carousel be the same size. 

Icons

Icons

Image One Alt Text
Image One Title
Image Two Alt Text
Image Two Title
Image Three Alt Text
Image Three Title

Recommended dimensions: maximum of 200x200px (ratio of 1:1)

Article Page Listing

Labor Day
Labor Day

8/31/2025

Labor Day
Labor Day celebrates the contributions of American workers and serves as a reminder of the importance of fair labor practices, worker protections, and the value of time off to rejuvenate and reconnect with loved ones.
Read More
Fourth of July
4th of July

7/3/2025

Fourth of July
A celebration of American independence marked by fireworks, community gatherings, patriotic traditions, and a shared spirit of national pride.
Read More
Juneteenth
Juneteenth

6/18/2025

Juneteenth
Juneteenth commemorates the end of slavery in the United States, marking the day in 1865 when the last enslaved people in Texas learned of their freedom.
Read More
Celebrating Memorial Day
Memorial Day

5/25/2025

Celebrating Memorial Day
Memorial Day is a solemn day of remembrance honoring the men and women who gave their lives in military service to the United States.
Read More

While the actual size of the banner on each page may vary, for the Feature Image that appears on article previews, the recommended image ratio is 1:1.