Phrase.book

Prompt pattern

Group related information in varied tiles

A compact set of differently sized panels lets important content take more room.

Fills the layout part of a prompt.

Arrange 5 to 8 related pieces of content in tiles, giving the most important one twice the area of a standard tile. Use one heading or image per tile and keep the gaps the same throughout the group. Do not make every tile clickable unless each leads somewhere useful.

Use this layout pattern when it changes the result the agent should produce. It provides one concrete direction without deciding unrelated parts of the website.

Related

Describe a layout