Guiding Principles
Page
Guiding principles related to the design system purpose and objectives, digital design best practices, universal principles of design, and professional ethics.
Search
Sort & Filters
Filters
11 results for "Principles"
11 results for "Principles"
Foundations of the Design System
Page
Foundational principles and guidelines that inform design of the HarvardSites Design System and guide its evolution.
HarvardSites Design System
Page
The HarvardSites Design System is a set of components built on foundational principles and guidelines for accessibility and usability.
Autoplaying Hero Background Videos in Digital Design
Article
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...
Tabs
Page
A Tabs component is a set of layered content panels with tab controls to support navigation between panels.
Call to Action Links
Page
A Call to Action Link is a prominent link that includes link text and an icon.
Button-Style Cards
Page
A Button-Style Card is a clickable card that displays an icon, link, and short description.
Vertical Cards
Page
A Vertical Card is a vertical element that displays an image on top and information below.
Typographic Scale
Article
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...
About
Page
The HarvardSites Design System supports scalable and accessible University websites as part of the HarvardSites platforms, and promotes digital access and inclusion at Harvard and beyond.