#  Highlight Key Stats with 50/50 Cards or Stat Blocks 

 



 ##  

  expand\_more  

 
  

 

Impact numbers are often buried inside long paragraphs. When key statistics are visually distinct, readers understand your message faster and retain it longer. HarvardSites components like 50/50 Cards and Stats Cards allow you to elevate metrics without custom graphics or design work.



 

##  Why it matters 

 



 

- **Clarity:** Readers scan for numbers. Highlighted stats guide attention.
- **Hierarchy:** Visual emphasis separates key achievements from supporting text.
- **Engagement:** Strong metrics increase credibility and keep readers moving through the page.



 



      ![Components in layout](/sites/g/files/omnuum631/files/styles/hwp_1_1__480x480/public/2026-03/images_blocks_impact.png?itok=eZifkpDW) 

 

 

  

 



 

 

 

##  How to do it 

- **Identify your strongest numbers.**
    
    Employment rates.
    
    Research funding totals.
    
    Enrollment numbers.
    
    Publications or awards.
- **Choose the right component.**
    
    Use a Stats block for grouped numeric highlights.
    
    Use a 50/50 Card when a number needs supporting explanation.
    
    Avoid embedding large numbers inside plain text paragraphs.
- **Keep it simple.**
    
    Limit to three or four key metrics per section.
    
    Pair numbers with short, descriptive labels.
    
    Use consistent formatting across sections.



 

##  Accessibility tip 

- Do not rely on size or color alone to communicate meaning. Include clear descriptive labels.
- Avoid placing critical data inside images. Use real text so screen readers can access it.



 

##  Resources 

- [HarvardSites 50/50 Card Component](https://designsystem.harvardsites.harvard.edu/5050-card)
- [HarvardSites Stats Component](https://designsystem.harvardsites.harvard.edu/stats-cards)
- [Harvard Digital Accessibility Services](https://accessibility.huit.harvard.edu/)



 

 



 

 See also:- [ Storytelling ](/how-guides-topics/storytelling)
- [ Content Clarity ](/how-guides-topics/content-clarity)
- [ How-To Guides ](/page-categories/how-guides)