If you have ever worked on a website design, a mobile app mockup, or a print layout, you have almost certainly encountered "Lorem ipsum dolor sit amet..." — the seemingly random Latin text that fills empty spaces where real content will eventually go. But what exactly is Lorem Ipsum, where does it come from, and why has it survived for over five centuries as the placeholder text of choice? This guide explores the history, purpose, and practical applications of Lorem Ipsum, along with how to generate it for your projects.
The Fascinating History of Lorem Ipsum
Origins in Ancient Rome
Lorem Ipsum is not random gibberish. It is derived from a real Latin text written by the Roman philosopher and statesman Marcus Tullius Cicero in 45 BC. The source work is "De Finibus Bonorum et Malorum" (On the Ends of Good and Evil), a treatise on ethics that explores theories of hedonism and morality. Specifically, Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of this work.
The original passage translates roughly to a discussion about the pursuit of pleasure and the avoidance of pain. In Cicero's words (translated): "Nor is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but occasionally circumstances occur in which toil and pain can procure him some great pleasure."
The 1500s: Printing Press Adoption
The Lorem Ipsum text as we know it today was first used as placeholder text in the 1500s. An unknown printer took a galley of type and scrambled portions of Cicero's text to make a type specimen book — a sample that demonstrated different typefaces and layouts to potential customers. The scrambled Latin was perfect because it looked like readable text from a distance but would not distract viewers with actual meaningful content.
The standard Lorem Ipsum passage that begins with "Lorem ipsum dolor sit amet, consectetur adipiscing elit" is actually a scrambled and slightly altered version of Cicero's original. The word "Lorem" itself does not exist in classical Latin; it appears to be a truncation of "dolorem" (pain). This accidental mangling has persisted unchanged for over 500 years.
The Digital Age
Lorem Ipsum made the leap to the digital world in the 1960s when Letraset released transfer sheets containing Lorem Ipsum passages. It became even more widespread in the 1980s when Aldus Corporation included it as the default placeholder text in PageMaker, one of the first desktop publishing applications. Today, it is built into design tools like Figma, Sketch, and Adobe InDesign, and available in virtually every content management system.
Why Use Placeholder Text?
You might wonder: why not just use real content or write "text goes here" repeatedly? There are several compelling reasons that designers and developers have relied on placeholder text for centuries.
1. Focus on Design, Not Content
When stakeholders review a design mockup, readable English text distracts them. They start editing copy instead of evaluating layout, typography, spacing, and visual hierarchy. Lorem Ipsum's pseudo-Latin text is recognizably "not real content," which keeps reviewers focused on the design itself. Research in cognitive psychology supports this: familiar language activates reading comprehension centers in the brain, pulling attention away from visual assessment.
2. Realistic Text Distribution
Lorem Ipsum has a roughly natural distribution of letters and word lengths that mimics real English prose. Short words, medium words, and long words appear in realistic proportions. This is crucial for evaluating typography: line lengths, paragraph density, hyphenation, and whitespace all depend on the statistical properties of the text, not just its volume. Using "Test test test" or "AAAA BBBB CCCC" would give a misleading picture of how real content will look.
3. Content-Independent Layout Testing
Placeholder text lets you design templates that work regardless of the actual content. A blog post layout should look good whether the article is 500 words or 5,000. A product card should handle short product names and long ones. By filling these templates with varying amounts of Lorem Ipsum, you can stress-test your designs before real content arrives.
4. Parallel Workflows
In professional projects, designers, developers, and copywriters often work in parallel. The design team cannot wait for final copy before creating mockups. Placeholder text lets design and development proceed while the content team crafts the real words. This parallelism significantly reduces project timelines.
Generation Modes: Paragraphs, Sentences, and Words
Different situations call for different amounts of placeholder text. Most Lorem Ipsum generators offer three modes.
Paragraphs
Use paragraph mode when you need to fill large content areas: blog post bodies, article pages, terms of service sections, or email templates. Each generated paragraph typically contains 4-8 sentences and mimics the visual density of a real content block.
// Example: Generate 3 paragraphs of Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris.
Sentences
Sentence mode is ideal for shorter content areas: subtitles, card descriptions, form field help text, or tooltip content. You get precise control over the text length without generating full paragraphs.
// Example: Generate 2 sentences Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Words
Word mode gives you the finest control. Use it for headings, button labels, navigation items, or any UI element where you need a specific word count. Generating exactly 3 or 5 words helps you test how short text fits in constrained spaces.
// Example: Generate 5 words Lorem ipsum dolor sit amet
Using Lorem Ipsum in Design Mockups
Here are practical tips for incorporating placeholder text effectively in your design workflow.
Figma and Sketch
Both Figma and Sketch have built-in Lorem Ipsum generators. In Figma, create a text layer and type "lorem" followed by the number of words you want — Figma's auto-complete will generate the text. For more control, use the PulpMiner Lorem Ipsum tool to generate exactly the right amount and paste it in.
Frontend Development
When building component libraries or prototypes, you often need Lorem Ipsum in your code. Here is a simple utility function.
// lorem.ts — A simple Lorem Ipsum generator
const WORDS = [
"lorem", "ipsum", "dolor", "sit", "amet", "consectetur",
"adipiscing", "elit", "sed", "do", "eiusmod", "tempor",
"incididunt", "ut", "labore", "et", "dolore", "magna",
"aliqua", "enim", "ad", "minim", "veniam", "quis",
"nostrud", "exercitation", "ullamco", "laboris", "nisi",
"aliquip", "ex", "ea", "commodo", "consequat", "duis",
"aute", "irure", "in", "reprehenderit", "voluptate",
"velit", "esse", "cillum", "fugiat", "nulla", "pariatur",
];
export function loremWords(count: number): string {
const result: string[] = [];
for (let i = 0; i < count; i++) {
result.push(WORDS[i % WORDS.length]);
}
// Capitalize the first word
result[0] = result[0].charAt(0).toUpperCase() + result[0].slice(1);
return result.join(" ");
}
export function loremSentences(count: number): string {
return Array.from({ length: count }, (_, i) => {
const wordCount = 8 + Math.floor(Math.random() * 8); // 8-15 words
return loremWords(wordCount) + ".";
}).join(" ");
}
export function loremParagraphs(count: number): string {
return Array.from({ length: count }, () => {
const sentenceCount = 4 + Math.floor(Math.random() * 4);
return loremSentences(sentenceCount);
}).join("\n\n");
}
// Usage
console.log(loremWords(5)); // "Lorem ipsum dolor sit amet"
console.log(loremSentences(2)); // Two sentences of 8-15 words each
console.log(loremParagraphs(3)); // Three paragraphsThe Standard Lorem Ipsum Passage
For reference, here is the standard Lorem Ipsum passage that has been the industry standard since the 1500s. Most generators use this as a starting point and either repeat it, randomize its sentences, or draw additional words from the Cicero source text.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Alternatives to Lorem Ipsum
While Lorem Ipsum remains the most popular placeholder text, several alternatives have emerged that serve different needs.
- Hipster Ipsum — Generates trendy, hipster-themed placeholder text ("Artisan kale chips kombucha, thundercats helvetica..."). Adds levity to design reviews but still provides realistic text distribution.
- Bacon Ipsum — Fills your mockups with meat-related text ("Bacon ipsum dolor amet ribeye biltong..."). Popular among developers who appreciate food humor.
- Cupcake Ipsum — Sweet-themed placeholder text ("Cupcake ipsum dolor sit amet marshmallow..."). Often used in bakery or food industry mockups.
- Corporate Ipsum — Generates corporate jargon ("Synergistically leverage existing scalable solutions..."). Useful when you want placeholder text that actually sounds like it could be real business copy.
- Real content drafts — Some designers prefer using approximate real content (even if not final) to give stakeholders a more accurate preview. This approach works well when the content structure is already defined.
Best Practices for Using Placeholder Text
- Vary the length — Do not use the same amount of Lorem Ipsum everywhere. Real content varies in length, and your design should accommodate both short and long text. Test with 50%, 100%, and 200% of the expected content length.
- Mark it clearly — In documents and designs shared with stakeholders, label placeholder text explicitly so nobody mistakes it for real copy. A simple "[PLACEHOLDER]" label or a distinct background color works well.
- Replace it before launch — It sounds obvious, but Lorem Ipsum occasionally ships in production. Search your codebase for "Lorem ipsum" before every release as part of your quality assurance checklist.
- Use it in automated tests — Lorem Ipsum is excellent for generating test data. Use word and sentence generators to create realistic-looking test fixtures for form validation, text truncation, and layout tests.
- Consider internationalization — If your product will be translated, test with Lorem Ipsum of varying lengths. German words are typically 30% longer than English, and right-to-left languages like Arabic may need different layout considerations.