Typography

Prose styles for headings, paragraphs, lead text, quotes, lists, and inline code.

Closing the books

A short guide to month-end for small finance teams.

Month-end starts with reconciling every account against its statement. Export the ledger with shelf export --month and compare balances line by line.

Before you start

Bank and card statements
Unpaid invoices and bills
Receipts for expenses over $75.00

"A close that takes three days is a close you can repeat every month."

Updated on the first business day of each month.

When to use

Use when: Long-form text such as docs, articles, or changelogs that needs consistent prose styles.
Avoid when: Interface labels and short text; use the components' own text styles.

Installation

bunx shelf add typography

The source lands in src/components/ui/typography.tsx, along with any Shelf items it builds on, and .shelf/lock.json records what was installed. It's yours to edit.

Usage

import * as Typography from "@/components/ui/typography";

<Typography.H1>Billing</Typography.H1>
<Typography.Lead>Plans, invoices, and payment methods.</Typography.Lead>
<Typography.P>Invoices are sent on the <Typography.InlineCode>1st</Typography.InlineCode>.</Typography.P>

Built on

Packages: @stylexjs/stylex
Shelf items: foundations, utils
Figma: In progress. See Designers and Figma.