---
title: Hello World
description: A Fumapress site styled with shadcn/typeset
---

## Overview

This page renders through Fumadocs MDX and is styled by the `typeset typeset-docs` container — headings, paragraphs, lists, tables, and code all inherit their rhythm from three variables: `--typeset-size`, `--typeset-leading`, and `--typeset-flow`.

### Why one CSS file?

- The file lives in your repo — edit rules directly, no plugin config
- Spacing flows one direction (`margin-block-start` only), so streamed content never restyles earlier blocks
- Zero-specificity `:where()` guards mean Tailwind utilities always win

```ts
// Inline overrides still work inside a typeset container
export const rhythm = {
  size: "15px",
  leading: 1.75,
  flow: "1.5em",
};
```

> Tune a tighter preset for chat, a roomier one for docs — same file, different rhythm.

| Control            | Purpose               | Default  |
| ------------------ | --------------------- | -------- |
| `--typeset-size`   | Base text size        | `1em`    |
| `--typeset-leading`| Line height           | `1.75`   |
| `--typeset-flow`   | Space between blocks  | `1.25em` |