Overview

The news article page pattern is flexible and offers many variations in information hierarchy and component types depending on content needs.

Components

1

2

3

4

6

7

8

9

10

11

View Code

• 1

  Header
• 2

  News article, case study, event banner
• 3

  Body copy
• 4

  Media (body width)
• 5

  Media (inline / body width)
• 6

  Featured card (large /body width)
• 7

  Navigation card (inline / body width)
• 8

  Container: Featured card full image (extra small / body width)
• 9

  Container: Editorial Card
• 10

  Secondary footer
• 11

  Global Footer

Recommendations

Add content strategy guidelines and editorial rules here.