...
| Expand | ||||
|---|---|---|---|---|
| ||||
|
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
Background Image - desktop
| Mobile
|
|---|
...
- 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".
...