University Policy
University policy standards and guidelines to support compliance with Harvard’s accessibility and trademark requirements.
University policy standards and guidelines to support compliance with Harvard’s accessibility and trademark requirements.
Accessibility standards and guidelines related to providing sufficient color contrast, identifying and labeling links and controls, restricting motion from animation and video, and more.
Brand and identity standards and guidelines for presenting a consistent Harvard identity across University schools and departments.
Foundational principles and guidelines that inform design of the HarvardSites Design System and guide its evolution.
Graphic design standards and guidelines to produce a typographic style that is legible and readable and harmonizes with Harvard’s visual identity.
The HarvardSites Design System is a set of components built on foundational principles and guidelines for accessibility and usability.
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 Button-Style Card is a clickable card that displays an icon, link, and short description.
A robust color system allows each Harvard School to preserve its unique identity while staying connected to the larger Harvard brand. Our approach prioritizes versatility and user needs, enabling personalized branding that meets accessibility and design...
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.
A Call to Action Link is a prominent link that includes link text and an icon.