The whole hierarchy of a calm, considered product begins here.

Page heading — Source Serif 4

Section heading

Subsection heading

Lead body. Slightly larger than default for landing pages and short intros. Comfortable to read at any width.

Default body text. This is what everything ends up looking like by default. Generous line-height, gentle tracking, warm color. The system targets a single comfortable density — we choose layouts by content priority, not by tightening type.

UI control text. Buttons, inputs, labels. Always slightly muted unless it's the actual call to action.

Eyebrows · meta · timestamps

import { Button } from "@/components/ui/button";

export function CTA() {
  return <Button>Get started</Button>;
}