Everything in a Box

The second tell is the box.

Every feature gets a card. Every card gets a one-pixel border and a soft radius. The cards tile into a bento grid: one big, two small, one wide. Somewhere there's a faint glow behind the biggest one.

It looks organized because it is organized. That's why AI reaches for it.

Why it works

Same principle as the mono labels. A border closes the shape. A grid of closed shapes is about the most resolved thing you can put on a screen. Nothing is left open, so nothing feels unfinished.

Why it fails

When everything gets a box, everything gets the same weight. Six cards in a grid tell the reader these six things matter equally. They almost never do.

A real company has one thing it's best at. The box layout hides it in a row of peers.

Our rule: box the exception

Boxes are for the thing you want found.

1. Default to open space. Let most content sit on the page with type and spacing doing the grouping. Proximity groups things without a single line.
2. Box one thing per section, if any. The tool, the price, the result. One frame says "look here."
3. If the grid is real, keep it. A comparison table, a set of plans, a real dashboard: those are grids because the content is a grid. Don't put a grid around a list of sentences.
4. Remove the border and check. If the group still reads as a group, the border was decoration.

The page gets quieter, and the one boxed thing gets loud.