Search
Filters
71 results
71 results
Guiding Principles
Guiding principles related to the design system purpose and objectives, digital design best practices, universal principles of design, and professional ethics.
University Policy
University policy standards and guidelines to support compliance with Harvard’s accessibility and trademark requirements.
Autoplaying Hero Background Videos in Digital Design
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...
Color System
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...
Typographic Scale
Typography influences both readability and engagement. As with a musical scale, a typographic scale provides the basis for creating a harmonious visual structure that conveys the structure and relationships among text elements. For the HarvardSites Drupal...
Create engaging calls to action
Calls to action help users interact with your department, whether making a donation, applying, or registering, so they can accomplish key tasks efficiently.
Design effective event landing pages
Help users find and attend the right events by building clear, organized, and engaging landing pages.
Building an event one-pager for summits, conferences, and symposiums
Help visitors quickly access everything they need for your event—schedule, sessions, venue, and contacts—all in one scannable page.
List multiple events with the Events List component
Show upcoming events using consistent formatting that updates automatically.
Use a table to highlight time, location, and registration
Display event details in a structured format to help users scan sessions and make quick comparisons.