Sits at the top left of the page, it tells the user where on the site they located.

A less prominent title, for use in describing a specific section of the page.

A wrapper that provides some base styles and a selector to grab onto to get at the textual content inside. Usually sits inside a .body-content, in contrast to a header.body-header.

A big, bold paragraph to draw the would-be reader’s attention.

Uses the Main body content container and Emphasised lead text patterns, and other standard content, to convey information to a reader. The .body-content-text here might also have the column column--primary classes applied, depending on the context. (Columnizing this content is usually recommended, to maintain a width that’s optimal for reading.)

Note: <h3> or lower tags are the headings optimized for display in main body content; the rest are either meant for higher levels in the heading hierarchy (i.e. the application title takes <h1> and the page title takes <h2>).

The basic container for a blog article displayed alongside many others. Goes inside a Main body content container pattern, generally, possibly combined with a Centred text column pattern. Note the use of microformats.

The basic container for a blog article displayed on its own. Goes inside a Main body content container pattern, generally, possibly combined with a Centred text column pattern. Note the use of microformats.

The title for the article, with an anchor linking to its canonical URL. Goes inside a Blog article container pattern. Note the use of microformats.

Excerpt for the article, meant for display in a stream or feed. Goes inside a Blog article container pattern. Note the use of microformats.

Content of the article. Goes inside a Blog article container pattern. Note the use of microformats.

Meta for the article, generally found at the end. Goes inside a Blog article container pattern. Note the use of microformats.

Links to other content on the blog. Goes inside a Main body content container pattern, generally, possibly combined with a Centred text column pattern. (Shown here with sample links.)