---
category: Foundations
---

`hairline` is `--border` and separates content inside a container. `strong` is
`--border-strong` and separates two containers.

For the band **between page sections** — the strip with the squiggle and the numbered
label — use `SectionRule`, not this. This one is a line; that one is the pack's
ornament.

```tsx
<Rule />
<Rule tone="strong" />
```