Place Calls-to-action in Pages
Page
Help users take action where it makes sense—within content—using CTA Links, Cards, or Columns that fit the flow of the page.
Search
Sort & Filters
Filters
75 results
75 results
Using 50/50 Cards to highlight important content (VIDEO)
Resource
Learn when 50/50 Cards are most effective, what types of content they are best suited for, and how to use them to highlight important information without overwhelming the page. (3 min)
Highlight Important Actions in Navigation (VIDEO)
Resource
This tutorial helps you highlight important actions in your navigation menu. It ensures users can easily find key actions like Contact, Apply, or Donate when they need them.
Placing Calls-to-action in pages effectively (VIDEO)
Resource
This tutorial helps you place calls-to-action where users are most likely to act. It helps guide users from information to action without disrupting the flow of a page.
Why Design Systems Need Guardrails
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...
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...
Color System
Article
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...
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...
Using Announcement Banners Effectively (VIDEO)
Resource
This tutorial introduces the importance of announcement banners to capture attention effectively.
Foundations of the Design System
Page
Foundational principles and guidelines that inform design of the HarvardSites Design System and guide its evolution.
Dan Cabral
Person
I have been in the web/interactive field since the early 2000's, working in industries ranging from higher ed, to advertising, to publishing, and market research. While I have held a variety of positions, my focus has always been on leveraging...