Foundations of the Design System

Foundations of the Design System

Learn about the foundational principles and guidelines that inform design of the HarvardSites Design System and guide its evolution.

Foundations icons arranged in a grid.

Guiding Principles

Guiding principles related to the design system purpose and objectives, digital design best practices, universal principles of design, and professional ethics.

Icon showing shapes of a bookmark and a star.

Accessibility

Accessibility standards and guidelines related to providing sufficient color contrast, identifying and labeling links and controls, restricting motion from animation and video, and more.

Icon showing the silhouette of a person standing with outstretched arms.

Brand and Identity

Brand and identity standards and guidelines for presenting a consistent Harvard identity across University schools and departments.

Icon showing a checkmark surrounded by a circle with scalloped edges.

Graphic Design

Graphic design standards and guidelines to produce a typographic style that is legible and readable and harmonizes with Harvard’s visual identity.

Icon showing an uppercase T enclosed in a square frame with handles at each corner.

University Policy

University policy standards and guidelines to support compliance with Harvard’s accessibility and trademark requirements.

Icon showing a shield.