h1
Default browser spacing for the <h1> atom should be used unless specifically set at the molecule or organism level. Doing so reduces bloat, given that this atom is used in many scenarios, and allows for cascading to apply properly at that level.
Example
Jayhawks back in town, start practicing for Saturday’s Eastern Michigan game
RULES
| Property | Value |
|---|---|
| Typeface | Noto Sans |
| Weight | 700 |
| Desktop Size | 1.55rem (28px) |
| Mobile Size | 1.55rem (24px) |
| Line height | Auto |
| Case | Sentence |
| Letter spacing | -2% (mobile) |
Story body rules
In the story body, when added through the CMS system, subheads have an alternative appearance.
EXAMPLE
Jayhawks back in town, start practicing for Saturday’s Eastern Michigan game
Additional rules
This headline style indicates the most important content on the page (when big news or immersive template is not applied). This style should be used sparingly to establish and maintain hierarchy across all pages in the design system. E.g., on the homepage, this style is only used twice–on the featured story and in-depth card. On section fronts, it is used up to three times–page title, featured story and in-depth card (if used).