Phrase.book

Prompt pattern

Break the grid without losing the reading order

Uneven columns and offset blocks create energy while the main message stays easy to follow.

Fills the layout part of a prompt.

Make the main content column about twice as wide as its supporting column, then offset one image or callout to create tension. Keep the heading, body, and primary action in one clear left-to-right reading order. On phones, stack everything into a single column and do not use empty space as the only way to show importance.

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