Using 50/50 Cards to Highlight Important Content (VIDEO)
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)
This tutorial helps you use 50/50 Cards to highlight important content. It helps draw attention to key stories, events, and actions without overwhelming the page.
Not every piece of content carries the same importance. Sometimes a story, event, or action deserves extra attention. A 50/50 Card enhances content with visuals, clear messages, and calls to action. 50/50 cards work best when you want to highlight something more important than surrounding content.
A strong image helps communicate the purpose of the content before users read a single word. A strong headline and a clear call to action. Help users understand what to do next.
A common mistake is trying to fit too much information into a 50/50 Card. Keep the message focused and limit users to one primary action. 50/50 Cards work especially well as visual breaks within longer pages. They help important content stand out from surrounding sections. Place 50/50 cards near the content, they support. This helps users move naturally, from information to action. Effective 50/50 Cards combine strong visuals, focused messages, and clear actions.
Used wisely, 50/50 Cards highlight key content while keeping pages organized and scannable.
To learn more, visit the 50/50 Card guide in the HarvardSites Design System. Explore examples, best practices, and additional guidance for using 50/50 Cards effectively.