# Give a layout a reading order

AI Content Creation | Module 11: Design a readable content pack

## Your goal

Use size and space to make the message easy to scan.

Visual hierarchy tells the eye where to begin. Choose one main heading, group related details, and leave space between groups. When everything is large and bold, nothing feels primary.

Start in black and white. If the message only works because of colour, the layout may need clearer labels or spacing. Put the time and location together because readers need them together.

Make a rough poster with text boxes in any slide or design editor, or draw it on paper. Test it at the size a reader will actually see.

## Source pack

FICTIONAL PRACTICE BRIEF: Green Bench is a student repair club. It runs a free notebook-cover repair workshop on Saturday, 14:00 to 16:00, in Room B. There are 12 places. Learners bring one worn notebook; tools and scrap card are provided. Register using the club form. No date, form URL, access arrangements, impact figures, or testimonials have been supplied. Ask the organiser about missing details before publishing. This is a creative exercise, not a real event.

## Worked example

Describe a poster layout with a clear reading order.

### Primary message

Top: Free notebook-cover repair workshop in the largest text, with a short invitation below it.

### Information groups

Middle: the notebook illustration. Below: Saturday, 14:00 to 16:00, Room B, grouped together with what to bring.

### Review at size

Bottom: registration action. Reduce the preview to phone size and check that the time, room, and action remain readable.

## Your work

Describe a poster layout with a clear reading order.

### Primary message

Write at least 8 words.


### Information groups

Write at least 8 words.


### Review at size

Write at least 8 words.

## Review your work

- [ ] One message is visually primary.
- [ ] Related details are grouped.
- [ ] I tested or planned a test at viewing size.

Completeness checks do not assess creative quality or factual accuracy. Review the actual work yourself or with a mentor.

## Quiz

1. What happens when every line is equally bold and large?
   A. The reader loses a clear starting point.
   B. The message becomes automatically clearer.
   C. The facts become more trustworthy.

2. Your poster uses colour alone to distinguish confirmed and missing details. What should you add?
   A. A third colour without labels.
   B. Smaller text to save space.
   C. Clear text labels for each status.

## Quiz explanations

1. A: Hierarchy relies on differences in emphasis.

2. C: Meaning should not depend only on colour.

## Further reading

[Anthropic: prompt engineering overview](https://platform.claude.com/docs/en/build-with-claude/prompt-engineering/overview)