This post exists purely as a stress test — every real component and vocabulary piece currently shipped, used in one place, on purpose. Not meant to be a real article. If you're reading this on the live site, it's safe to delete once it's served its purpose.

## Callouts — all four variants

> Info: neutral, supporting detail. This is the default callout tone.

> Success: something confirmed working, a positive result.

> Warning: worth pausing on, not necessarily wrong.

> Danger: a real risk, a hard limit, something to take seriously.

## Layout primitives: stack + wrap

A horizontal stack, three items, large gap:


**Fast**Zero client JS by default.
**Safe**Content can't execute anything.
**Simple**Git is the database.


The same three cards in a wrap instead, so they reflow naturally rather than staying a fixed row:


Reflow One
Reflow Two
Reflow Three


## Columns — fractional splits

Half and half:


Left half. Good for a two-column comparison or a text-plus-aside layout.
Right half. Same width, mirrored.


Two-fifths and three-fifths — an asymmetric split:


Narrower column — a sidebar-style note.
Wider column — the main point gets more room.


## Carousel — horizontal scroll, no JS


![Placeholder image one, wide aspect ratio](https://picsum.photos/seed/carapace1/900/500)
![Placeholder image two, wide aspect ratio](https://picsum.photos/seed/carapace2/900/500)
![Placeholder image three, wide aspect ratio](https://picsum.photos/seed/carapace3/900/500)


## Section width presets


![A full-bleed hero-style placeholder image, breaking to the viewport edge](https://picsum.photos/seed/carapacehero/1600/500)


The image above should break past the normal reading column. This paragraph is back to standard width.

## Video embed

[Test embed — safe to remove](https://www.youtube.com/watch?v=dQw4w9WgXcQ)

## Code, two languages

```python
def sanitize(html: str) -> str:
    return allowlist.clean(html)
```

```typescript
function sanitize(html: string): string {
  return allowlist.clean(html);
}
```

## Tables


TierWrites directly?Reviewed?

ContentYes, an agent canAllowlist-checked, not human-reviewed per edit
StyleYes, within a fixed vocabularySame — validated, not per-edit reviewed
ExecutionNo, neverAlways, every time, by a human



## Figure, figcaption, aside


![A figure-wrapped placeholder image](https://picsum.photos/seed/carapacefigure/800/450)
A real caption, semantically tied to its image via figure/figcaption.



An aside — a tangent or a side note that isn't part of the main flow of the article.


## Buttons

[Primary button](/docs/) [Secondary button](/docs/)

## Plain lists, for completeness

- An unordered item with **bold** and *italic* text
- Another item with a [plain link](/blog/)

1. Ordered item one
2. Ordered item two