← Back to all news

Mock article headline — the backend fills this in.

This is the article lede paragraph. The backend supplies it for each story. It can be one or two sentences and sits between the headline and the cover photo.

[ Cover photo · supplied by backend ]
[ Optional caption — supplied by backend ] [ Optional photo credit ]

This is a mock article body. The backend supplies the full text per story. It can be any reasonable length — short or long. Each story is laid out using this same template, with two photo slots: the large cover photo above, and an optional in-body photo further down. The first paragraph receives a drop-cap automatically.

This is an H2 heading

Paragraphs, lists, blockquotes and inline links all use the standard .prose styles. Authors can drop any of the following blocks into .article__body .prose and they will style correctly.

A pull-quote uses a blockquote element. It picks up the brand blue accent on the left and the serif italic treatment.

Another H2 heading

Below this paragraph the template shows the second photo slot — an in-body, narrower image meant to break up the text. It is also optional; if the backend doesn't supply a second image, simply remove the figure block.

[ In-body photo · optional ]
[ Optional caption for the in-body photo ]

A third H2 heading

More paragraphs follow the inner photo. The template supports unordered lists too:

  • List item one
  • List item two
  • List item three

The article footer below carries share controls and a CTA back to the contacts page. Related stories appear at the very bottom, pulled from the news index.