Sits in the user header bar, notifying them of how many unread messages they have and giving them a link to access them.

Same as Messages button pattern, but in the unread messages state.

Shows off a feature of the product to a potential customer.

A list of features related to a certain product.

A big showcase of how Superfeedr can help certain types of users.

Note: Must contain exactly three feature points.

A user of the product saying something about it.

An implicit testimonial of sorts, showcasing big-name users of the service.

Note: This pattern makes use of the logo grid pattern, reconfiguring its layout for the purposes of this component.

A showcase of the product’s various features, and notes about their merits.

A comparison of two featuresets across two product types.

A set of service logos that we want to show off our connection to.

Note: This pattern is often included in others, its layout behaviour controlled by them.

A generic call to action, directing people to the sign up form for whichever product they’re interested in.

A row containing our boiled-down sales pitch, encouraging someone to sign up for Superfeedr.

A ticker that shows a brief preview of the latest articles posted to the Superfeedr blog. (JavaScript-dependent.)

A big bold opening to a page on the marketing site, providing a brief snapshot of that page’s most valuable contents and directions to act. Contains the Hero header navigation pattern.

A generic loading overlay, when making network requests.

A notification used to flash a dismissable message at the user.

A notification displayed on the marketing site.

Has all the meta information about the invoice (address, contact, etc.)

Primary and secondary columns, these float our meta items where we want them. These can probably be replaced with normal columns.

A single meta item in the invoice meta block.

Footer on an invoice.

Ideal for showing off a curl or other CLI command. Used heavily in the docs.