{"id":648,"date":"2025-12-15T14:11:02","date_gmt":"2025-12-15T19:11:02","guid":{"rendered":"https:\/\/www.clarku.edu\/wordpress\/?page_id=648"},"modified":"2025-12-15T15:39:05","modified_gmt":"2025-12-15T20:39:05","slug":"metrics","status":"publish","type":"page","link":"https:\/\/www.clarku.edu\/wordpress\/components\/metrics\/","title":{"rendered":"Metrics"},"content":{"rendered":"\n
\n
\n

Make numbers stand out and give them immediate meaning.<\/p>\n\n\n\n

Metrics are a combination of a large, stylized number and a smaller (often italicized) font for context. Using a metric block is a way to turn a normally plain data point or statistic into a visual mini-story that readers can notice and remember in just a few seconds.<\/p>\n\n\n\n

There are no restrictions on metrics, but a grid or boxout<\/a> is the most common way to house them. It’s good practice to place metrics near relevant content, although they can work on their own in cases where the numbers are self-explanatory. A good metric will draw the reader’s eye while supporting the main call to action on a page.<\/p>\n\n\n\n

\n
Metrics work well for:<\/div>\n\n\n\n
    \n
  • statistics<\/li>\n\n\n\n
  • rankings<\/li>\n\n\n\n
  • totals<\/li>\n\n\n\n
  • percentages<\/li>\n\n\n\n
  • outcomes<\/li>\n<\/ul>\n<\/div>\n\n\n\n
    use metrics to emphasize:<\/div>\n\n\n\n
      \n
    • impact<\/li>\n\n\n\n
    • progress<\/li>\n\n\n\n
    • scale<\/li>\n\n\n\n
    • selectivity<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
      \n