Page History

...

Also known as: stat callout, background photo, full-width photo, animated stat, full-width pattern

...

, background video, full-width video

Description

This block displays Displays a high-quality, full-width image asset (photo, video, or background pattern) that captures to capture the user’s attention while setting the visual tone of the page. A small amount of overlaid text provides essential context, a quote, or a key message. The text could be a quote or a short sentence. Avoid using multiple heading and text styles in the text content. 

Design

...

• Follow MSC's Web Copy General Guidelines.
• Avoid using multiple heading and text styles in the text content. Stick to 1-2 types of content (e.g. heading and supporting copy, quote and author)

For stat layout

• Stat number: Only a few characters, such as a number "449", a percentage "98%", or a ranking "#9".
• Stat text (the larger, bolder text that provides context to the stat number): 52 characters or fewer. Keep it as short as possible. Example: "of students agree their next steps align with their career goals" provides context to the stat "98%".
• Source text:
  • Generally 20 characters or fewer, e.g. "Class of 2025".
  • Long source text option: Can provide more context and go up to ~80 characters for a long source. Example: "— Carnegie, 2024 R1 universities are top-tier research institutions."
    • Do not use stat text (or use max of 10 character stat text) if have long source text.
• Statement text: 80 characters or fewer. Shorter is better.
  • Note for dev: The field for the statement text is "Title".

...