Articles
Articles provide information through mostly text but may also contain varying amounts of graphical content such as images or interactive elements like maps.
Articles may contain a .m-article__thumbnail image but do not require them. However, each article should have only one thumbnail.
Articles may contain many .m-article__icon images. Be mindful that icons are different from an article’s thumbnail image.
Article
This is an example of a basic article, which contains a heading and description.

Article Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Article Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Article with Thumbnail
Article with thumbnail

Article Heading
Article Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Article Heading
Article Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Flex Article with Thumbnail
Flex article with thumbnail

Article Heading
Article Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Article Heading
Article Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Article Sections
To add extra distinction between articles or groups of related articles, wrap them in .m-section-group elements.
Article One
This is an example of a basic article, which contains a heading and description.
Article Two
This is an example of a basic article, which contains a heading and description.
Article Three
This is an example of a basic article, which contains a heading and description.
Article Four
This is an example of a basic article, which contains a heading and description.
Article Actions
Articles may also have actionable links and/or buttons which appear at the end of the article. This is usually used for “Learn More” actions.
Link    
Articles with Messages
Articles may contain informational Messages.
  Important!

This is an important warning…

Learn more about Messages