A common workflow is to design the pages, then "fill in the copy". It feels efficient. It usually produces a beautiful layout that the real content does not fit, and a scramble to cut sentences so they match a box.
The layout is a response to the message
Good design decisions depend on what the page is trying to say. How long is the headline? Is there one key point or five? Does the section need a list, a comparison, a quote? You cannot answer these without the words. Designing first means guessing, then forcing the content to match the guess.
Copy reveals the structure
Writing a page forces you to decide what it is actually for and in what order the argument should unfold. That order is the page structure. When the writing is done, the wireframe is mostly already there.
Placeholder text hides problems
Lorem ipsum is always the perfect length and rhythm. Real copy is not. A design that looks balanced with placeholder text often breaks when a real heading is two lines instead of one, or a paragraph is three sentences instead of one. Designing with real or near-final copy surfaces these problems while they are cheap to fix.
It does not have to be final
Copy-first does not mean every word is locked before design starts. It means a solid draft — the real headline, the real key points, roughly the real length — exists before layout decisions are made. The draft and the design then refine together.
What this means in practice
- Agree the page's job and single main message first.
- Write a draft of each page, in order.
- Design around the draft, adjusting both as you go.
- Polish the copy and the visual layer together at the end.
In short
Words define what a page needs to do; design makes it do it well. That is why our projects start with the message. Tell us what each page has to say and we will build the structure around it.