# The twelve layouts
Finished, checked SVG for every layout, generated by `build.py` -- do not edit
by hand. **Start from the one you adapt:** keep its panel, backdrop, float and
card geometry, rename its ids (`-audit` -> `-yourname`), and change only the
content -- the icon, what sits inside the cards, how many rows.
## L1 Header + rows — `examples/billing.svg` (Invoices)
```svg
```
## L2 Cascade — `examples/teams.svg` (Teams)
```svg
```
## L3 Tab bar — `examples/categories.svg` (Categories)
```svg
```
## L4 Toolbar — `examples/workspace.svg` (Workspace access)
```svg
```
## L5 Corner chips — `examples/docs.svg` (Documentation)
```svg
```
## L6 Window — `examples/connectors.svg` (Connectors)
```svg
```
## L7 Fanned — `examples/contributors.svg` (Contributors)
```svg
```
## L8 Notifications — `examples/notifications.svg` (Notifications)
```svg
```
## L9 Constellation — `examples/gateway.svg` (API gateway)
```svg
```
## L10 Matrix — `examples/roles.svg` (Roles & access)
```svg
```
## L11 Timeline — `examples/audit.svg` (Audit log)
```svg
```
## L12 Split — `examples/approval.svg` (App approval)
```svg
```