Harvard Design System

The HarvardSites Design System provides a consistent set of components, visual systems, and standards that keep sites accessible, branded, and usable as they grow and change.

Why do we have a Design System?

Design Systems enable:

  • Content that scales over time - The system keeps content usable and consistent as sites grow, change, and evolve.
  • Fewer custom decisions - Shared solutions reduce the need for one-off design and interaction decisions.
  • Consistent quality by default - The system improves quality and consistency across sites without requiring manual oversight.
  • Accessible by default - The system builds accessibility into components and patterns so sites meet requirements without extra effort.
Design System logo