Autoplaying background videos in hero components have gained popularity in modern web design. Recognizing the need to learn more about this trend in relation to the HarvardSites Design System, the design system team embarked on an investigation to...
A Hero component is a banner element that displays an image and information at the top of a page.
Make sure hero images are cropped and composed so the most important parts stay visible across screen sizes.
A List component is a dynamic content block that displays items from a specific content type, such as news, resources, or people, in a summary format and layout.
Images support storytelling and highlight key people, places, and events. But if handled poorly, they can confuse, slow down, or even exclude users.
Help visitors quickly access everything they need for your event—schedule, sessions, venue, and contacts—all in one scannable page.
The HarvardSites Design System is a set of components built on foundational principles and guidelines for accessibility and usability.
A 50/50 Card is a horizontal element that displays an image on one side and information on the other.