Design System
View
Print · Collateral

Booklets

Long-form guides and short books that clients read at home, cover to cover, often more than once. The booklet is a reading object first: one interior spec built for comfortable reading by older eyes, with a clear ladder of chapters, sections, and subsections. Brand emphasis lives on the cover and the chapter openers. The interior stays quiet so the words do the work.

Cover wrap

The printer receives one sheet: back cover, spine, and front cover side by side, plus bleed. The spine width comes from the page count and the stock, so it is calculated rather than drawn. Choose one emphasis step per title and keep it for every edition.

Quiet and correspondence-grade. Paper does the work; the brand is a signature, not a statement.

back · spine · front

Recognizably Pierce at arm’s length. A navy or gold band frames ivory content.

back · spine · front

Full-bleed navy with gold ink, and full-bleed photography where the format has room. For rooms, not envelopes.

back · spine · front

Chapter openers

A chapter always opens on a right-hand page. The title sinks below a fixed drop so every opener lines up when the book is fanned, and the first paragraph opens with a gold drop cap. Use the same step as the cover.

Interior spreads

The title opens alone on a right-hand page; review the following pages as facing spreads. The inside margin is the widest so type never curls into the binding. Running heads carry the book title on the left page and the chapter title on the right. Page numbers sit at the outside bottom corner.

Front matter

Chapter break

Body text

Back matter

Booklet style guide

The rules every Pierce booklet follows, whatever its topic or length. The previews above are built from these values (BOOKLET_MARGINS and FORMATS.booklet in src/lib/print-templates.ts).

Page and margins

Type scale

Structure and section breaks

Lists, callouts, and emphasis

Production

Content. Every word in these previews comes from booklet in src/lib/print-content.json. Body pages are lists of blocks (p, h2, h3, ul, ol, break, callout, quote, terms), rendered by src/components/BookletPage.astro. Wrap a defined term in **double asterisks** to set it in bold.