Signals Layout and architecture
A bento grid because bento grids exist
- Category
- Layout and architecture
- Direction
- Pushes the score up
- Weight
- +5
What it is
The shape a page takes when nobody asks what it needs to say. One signal is not a verdict. The score is the whole weighted set, not any single line of it.
How it is weighted
5 points is deliberately light. This one is a hint, and it is only interesting alongside others.
What to do about it
Size the tiles by importance, or use a plain grid. If shuffling the tiles changes nothing, the asymmetry is decoration.
Where it fires
Of the homepages we scan as worked examples, this signal fired on 8:
- stripe.com 15/100 — Asymmetric tiles used as a style rather than because some tiles matter more. If shuffling them changes nothing, the grid is decoration.
- vercel.com 21/100 — Asymmetric tiles used as a style rather than because some tiles matter more. If shuffling them changes nothing, the grid is decoration.
- tailwindcss.com 75/100 — Asymmetric tiles used as a style rather than because some tiles matter more. If shuffling them changes nothing, the grid is decoration.
- notion.so 13/100 — Asymmetric tiles used as a style rather than because some tiles matter more. If shuffling them changes nothing, the grid is decoration.
- framer.com 9/100 — Asymmetric tiles used as a style rather than because some tiles matter more. If shuffling them changes nothing, the grid is decoration.
- cloudflare.com 17/100 — Asymmetric tiles used as a style rather than because some tiles matter more. If shuffling them changes nothing, the grid is decoration.
- lovable.dev 21/100 — Asymmetric tiles used as a style rather than because some tiles matter more. If shuffling them changes nothing, the grid is decoration.
- bolt.new 15/100 — Asymmetric tiles used as a style rather than because some tiles matter more. If shuffling them changes nothing, the grid is decoration.