Unit Landing – Photo Grid
The Photo Grid component has a flexible, multi-column layout for mixing images, videos, text blocks and buttons.
Options and Settings
Component Options
- Grid choices:
- 2 image: 1500 x 1500 pixels and 1200 x 875 pixels
- 3 image A: 1500 x 500 pixels, 1200 x 875 pixels and 1500 x 875 pixels
- 3 image B: 950 x 1400 pixels, 1500 x 1500 pixels and 1500 x 875 pixels
- Static or animated
- Component alignment options:
- Keep top and bottom margin
- Remove bottom margin
- Remove top margin
- Remove top and bottom margin
Content Card Options- Background color: Garnet, Black, Light gray, Dark garnet, Rose, Atlantic, Congaree or Horseshoe
- Optional headline text styles: (character limit 30 including spaces)
- Serif: small or large
- Sans serif: small or large
- Condensed: small or large
- Condensed highlight: small or large
- Optional text style options:
- Paragraphs with headline
- Serif blurb: small or large (no headline)
- Sans serif blurb: small or large (no headline)
- Pull quote sans: small or large
- Pull quote serif: small or large
- Optional paragraph text (character limit 250 including spaces)
- Optional button (character limit 30 including spaces)
- Optional pull quote
- Optional pull quote attribution
Image Card- Add images, videos or assets
- Grid choices:
- Add alt text for images.
- Make sure image has quality, proper resolution and scale for display.
-
-
This is a linked headline
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
Above Options: Two-photo grid, garnet background, small sans headline, headline and paragraphs with linked headline; Image 1: 1500x1500; Image 2: 1500x875
Above Options: Two-photo grid, horseshoe background, large serif headline, headline and paragraph text with CTA button, animated. Image 1: 1500×1500 with linked gallery asset. Image 2: 1500×875.
-
-
Embrace change, learn continuously, and adapt to new challenges.
John Doe, Class of 2025 -
Above Options: Two-photo grid, black background, large serif pull quote, animated. Image 1: 1500×1500 with YouTube video embed. Image 2: 1500×875.
-
-
Embrace change, learn continuously, and adapt to new challenges. Together, we can build a future full of promise and opportunity.
John Doe, Class of 2025 -
Above Options: Two-photo grid, rose background, small serif pull quote. Image 1: 1500×1500 with YouTube video embed. Image 2: 1500×875.
-
-
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere.
-
Above Options: Two-photo grid, garnet background, small sans-serif blurb, animated. Image 1: 1500×1500. Image 2: 1500×875.
-
-
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu.
-
Above Options: Two-photo grid, atlantic background, small serif blurb. Image 1: 1500×1500. Image 2: 1500×875.
-
-
Highlight Headline
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Join the Tradition -
Above Options: Two-photo grid, dark garnet background, headline and paragraph text with CTA button, animated. Image 1: 1500×1500. Image 2: 1500×875.
-
-
Large Highlight
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. (231)
Reserve Your Spot Now -
Above Options: Two-photo grid, light gray background, large condensed serif headline, paragraph text, and CTA button. Image 1: 1500×1500. Image 2: 1500×875.
-
-
Large Highlight
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. (231)
Join the Tradition -
-
Above Options: Three-photo grid (layout A), black background, large condensed serif highlight headline, paragraph text, and CTA button. Image 1: 1500×875. Image 2: 1500×500. Image 3: 1500×875. No animation applied.
-
-
At USC, I’ve found more than a degree. I’ve found mentors who believe in me, classmates who challenge me, and opportunities I never imagined.
Jane Doe, Class of 2025 -
-
Above Options: Three-photo grid (layout A), garnet background, small sans-serif headline, paragraph text, and pull quote with attribution. Image 1: 1500×875. Image 2: 1500×500. Image 3: 1500×875. No animation applied.
-
-
At USC, I’ve found more than a degree. I’ve found mentors who believe in me, classmates who challenge me, and opportunities I never imagined. Every step here has pushed me to grow in ways that will shape not just my career but who I am becoming. (245)
Jane Doe, Class of 2025 -
-
Above Options: Three-photo grid (layout B), atlantic background, small sans-serif headline, paragraph text, and pull quote with attribution. Image 1: 950×1400. Image 2: 1500×875. Image 3: 1500×1500. No animation applied.
-
-
At the University of South Carolina, curiosity drives discovery, community fosters belonging, and a legacy of excellence continues to shape our future with purpose and pride.
-
-
Above Options: Three-photo grid (layout B), garnet background, large serif blurb; Image 1: 950×1400. Image 2: 1500×875. Image 3: 1500×1500. No animation applied.
-
-
Kayak the Saluda with USC
Connect with fellow Honors College first-year students during Flotilla, an outdoor adventure on the Saluda River. This guided kayaking trip offers the perfect mix of fun and connection as you begin your journey at the University of South Carolina.
Reserve Your Spot Now -
-
Above Options: Three-photo grid (layout B), Congaree background, large sans headline, paragraph text with button. Image 1: 950×1400. Image 2: 1500×875. Image 3: 1500×1500. No animation applied.