How to use placeholder text in website designs

The layout does not have to wait for the copy

Placeholder text fills the gaps in an unfinished design so you can work on spacing, typography, and layout before the final words arrive. Use it in a website mockup, a presentation, or a demo to see how a page feels with something to read. An empty box tells you very little about line length or whether three paragraphs will push your button halfway down the page.

If the finished copy is available, use it. If it is still being discussed in a meeting that somehow needed eight people, placeholder text will let you get on with things.

A lorem ipsum alternative with a bit of attitude

Lorem ipsum is the familiar dummy text used to stand in for unfinished copy. BitSize’s passive-aggressive ipsum does the same job with readable English paragraphs about everyday annoyances, from shared kitchens to messages nobody seems capable of answering. It gives a draft some personality while you work out where everything belongs.

That also makes it more distracting than ordinary lorem ipsum. Use it when the audience will enjoy the joke, and tell anyone reviewing the design that the words are temporary. If you need feedback on the layout and know everyone will discuss the jokes instead, use quieter filler or an early draft of the real copy.

Generate placeholder paragraphs for your design

The generator opens with text already waiting. You can choose between one and eight paragraphs, generate another batch, and copy the result without creating an account. Match the amount to the section you are designing: a short introduction needs less text than an article page.

1. Open passive-aggressive ipsum and set Paragraphs to the amount you need. Changing the count generates a new batch.
2. Use Generate text, the circular-arrow button, if you want different wording.
3. Choose Copy to copy all the generated paragraphs, then paste them into your design or editor.
4. Apply the fonts, text sizes, and spacing you actually plan to use. Filler in the wrong typeface will not tell you much about the finished layout.

Generate passive-aggressive placeholder text

Test a little more text than you hoped for

Try a short version and a longer version of the same section, then look at both on phone and desktop layouts. Watch for cramped lines, cards that become awkwardly tall, and important links pushed out of sight. If the design only works with exactly two beautifully behaved sentences, it needs another look.

Generated paragraphs are useful for body text, but write realistic headings, button labels, and links yourself. Those words explain what a visitor can do and often need very different amounts of space. A paragraph about someone’s lunch will not tell you whether your navigation makes sense.

• Check that longer paragraphs remain comfortable to read on a narrow screen.
• Try cards with different amounts of text instead of giving every card the same length.
• Include a realistically long heading to see where it wraps.
• Keep the intended next step easy to find when the section gets longer.

Replace the filler before publishing

Placeholder text helps you judge the shape of a page. It cannot tell you whether the finished message is clear, useful, or convincing. Once the actual copy is ready, replace the filler and check the layout again: real sentences will wrap differently and may need more room than you planned.

Read through the whole page before publishing, including the little cards and sections you stopped looking at three revisions ago. Check page titles and descriptions too, if you used temporary text there. Those should describe the real page for visitors and search engines.

Your website should probably explain what you do before it starts complaining about the office fridge.