Every component the design declares, exercised on one page, so the template can be judged whole instead of inferred from pages that each happen to show a piece of it. Nothing here carries meaning; it exists to render.

Definition

The lede above and this paragraph cover the two body treatments the design names: lede at the top of the measure, body following it. Both sit at 16px on a 1.6 line, inside a measure the design caps at 812px including its 52px gutters.

A blockquote, so the callout treatment renders: pale fill, hairline border, and the accent rule down its left edge.

Structure

Headings drive the CONTENTS panel in the right rail. This page carries four of them, at two depths, which is what makes the panel worth looking at — most of the corpus carries zero, so the panel correctly draws nothing there and looks broken when it is not.

A nested heading

Depth two, to prove the panel indents rather than flattening.

Ordered and unordered lists, since both take their own treatment:

1. First, numbered
2. Second, numbered
3. Third, numbered

• A bullet
• Another bullet
• A third, so the spacing reads

Inline code inside a sentence, and a fenced block beneath it:

def shape(page):
    """The fenced-code treatment, with syntax highlighting on."""
    return page.render()

A table, which the design never declares but Quartz emits, so it wants checking:

component	declared at	renders
crumbs	dc:139	yes
tag chips	dc:143	yes
blockquote	dc:148	yes

Related terms

These links point at real corpus pages, which makes this page appear in THEIR backlinks panels — the reciprocal half of the rail, and the reason the panel sat empty everywhere before this page existed.

• Chekov
• Crusher
• Ro

Links

An external link and an internal one, so both anchor treatments render and the link audit has something true to check.