Search

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.

Display groups of images consistently, with proper stacking and captions, instead of inserting inline media.

Show upcoming events using consistent formatting that updates automatically.

Strong metrics deserve visual emphasis. This guide shows how to highlight important numbers using built-in layout components.

A 50/50 Card is a horizontal element that displays an image on one side and information on the other.

Good page structure supports users with assistive technology, people navigating by headings, and anyone scanning for what matters. This guide helps you choose layout components that make pages easier to read and navigate.

Use the News content type to build engaging reports or themed pages that tell a story. These guides show how to combine layouts, components, and editorial choices to bring content to life.

A Hero component is a banner element that displays an image and information at the top of a page.

An Accordion component is a vertical stack of content panels that can be opened and closed.

The HarvardSites Design System is a set of components built on foundational principles and guidelines for accessibility and usability.