If you've spent more than a week in web development or design, you've seen it: Lorem ipsum dolor sit amet, consectetur adipiscing elit... Fake Latin text that appears in mockups and prototypes everywhere. But where does it actually come from, what does it mean, and when should you stop using it?
Where lorem ipsum comes from
Lorem ipsum is derived from a 1st-century BC philosophical work by Cicero: De Finibus Bonorum et Malorum ("On the Ends of Good and Evil").
The original Latin reads:
"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
Which translates roughly to:
"Nor is there anyone who loves, pursues, or desires pain itself, because it is pain..."
The scrambled "lorem ipsum" version has been in use since the 1500s, when a typesetter took the passage, scrambled the text, and used it as placeholder content. In the digital era, Richard McClintock (a Latin scholar at Hampden-Sydney College) confirmed the origin in 1994.
The text entered the mainstream of web design through Aldus PageMaker in the 1980s, which shipped with lorem ipsum as default sample text.
Why it exists and why it works
The purpose of placeholder text is to fill a layout without drawing attention to the words. Real text — especially text that says "INSERT CONTENT HERE" or repeats a phrase — distracts reviewers from evaluating layout, typography, spacing, and visual hierarchy.
Lorem ipsum works because:
- It looks like text — similar character frequency and word lengths to English
- It's meaningless — reviewers don't read it, they look at the design
- It avoids bias — meaningful placeholder text can bias feedback toward the content rather than the design
- It's variable length — you can generate any amount
When lorem ipsum breaks down
Placeholder text has limits. It fails in these situations:
1. Real content has different length characteristics
Your product page headline might be 40 characters. Your blog post titles might be 65 characters. Lorem ipsum generates text that doesn't reflect your actual content distribution — so the layout that looks perfect in mockup breaks when real content loads.
Fix: use realistic sample content, or generate lorem ipsum to the approximate length you expect.
2. It doesn't reveal CMS or internationalization issues
If your content will be in multiple languages, or will be pulled from a CMS with field constraints, lorem ipsum won't expose truncation, overflow, or formatting bugs. Use real sample content for user acceptance testing.
3. It delays the "is this actually usable?" question
Early usability testing with lorem ipsum tells you almost nothing about whether the design works for real tasks. If users can't tell what the page is about, they can't give you useful feedback.
4. It can accidentally go to production
It happens. A CMS template ships with lorem ipsum. A section is missed in QA. The fix: treat all placeholder text the same way you treat TODO comments — something that must be resolved before shipping.
Alternatives to standard lorem ipsum
Standard lorem ipsum isn't the only option. Common alternatives:
| Alternative | Use case |
|---|---|
| Cicero-based (standard) | Default for most mockups |
| Hipster Ipsum | Trendy nonsense for presentations |
| Corporate Ipsum | Satirical filler for business decks |
| Cupcake Ipsum | Sweet-themed, good for food/lifestyle mockups |
| Blind text generator | Language-specific filler text (German, French, etc.) |
| Real project copy (draft) | Best for late-stage prototypes |
The best alternative is often placeholder text in the same language and domain as your real content — it gives you a more honest preview of spacing and overflow behavior.
Lorem ipsum in HTML and Markdown
If you're mocking up HTML layouts or Markdown documents, you might want the filler text pre-wrapped in appropriate tags. For example:
HTML lorem ipsum:
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
Markdown lorem ipsum:
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
JSON lorem ipsum (for API mocking):
[
{"id": 1, "content": "Lorem ipsum dolor sit amet..."},
{"id": 2, "content": "Ut enim ad minim veniam..."}
]
If you need any of these formats quickly, SnappyTools Lorem Ipsum Generator generates plain text, HTML, Markdown, or JSON — choose paragraphs, sentences, or words, and copy instantly.
A note on accessibility in mockups
When presenting mockups to stakeholders or clients, consider whether lorem ipsum is appropriate for the audience. Non-technical stakeholders sometimes get confused by placeholder text — they may ask what it means or feel the design is unfinished. For high-stakes client presentations, use realistic draft copy even if it isn't final.
Summary
- Lorem ipsum is 1500-year-old scrambled Cicero text, not random nonsense
- It exists to focus attention on design, not content
- It works well for layout review; it fails for usability testing and late-stage QA
- Generate it in the format that matches your workflow — plain text, HTML, Markdown, or JSON
- Replace it with real content before any user test or production deployment
Top comments (0)