---
category: Foundations
---

The divider, and the thing to reach for before a second card. `hairline` is 1px
`--line-weak` for a seam inside a group; `strong` is 1.5px `--line`, the weight
the reference gives a panel edge.

A rule costs no elevation, which is the point: this pack's offsets are a budget
and a list of statements does not need to spend one.

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