Lorem Ipsum: History, Usage and Modern Alternatives

What is Lorem Ipsum?

Lorem Ipsum is the standard placeholder text used in publishing and design since the 1500s. Despite being pseudo-Latin gibberish, it serves a crucial purpose: allowing designers and developers to focus on layout and visual elements without being distracted by readable content. This guide explores its history, proper usage, and modern alternatives.

History of Lorem Ipsum

Ancient Origins

Lorem Ipsum derives from "De finibus bonorum et malorum" (On the Ends of Good and Evil), a philosophical treatise by Cicero written in 45 BC. The original passage discusses hedonism and pain:

Original Latin (Cicero, Section 1.10.32):
"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
consectetur, adipisci velit..."

Translation:
"Nor is there anyone who loves or pursues pain itself, because it
is pain, but occasionally circumstances occur..."

Modern Adoption

The scrambled Lorem Ipsum we use today emerged in the 1960s when Letraset used it in their dry-transfer sheets for graphic designers. Later, Aldus PageMaker (1985) included Lorem Ipsum, cementing its place in digital publishing.

Why Latin (Sort Of)?

• Looks like real text: Letter distribution resembles English
• Unreadable: Won't distract from design evaluation
• Established standard: Universally recognized by designers
• Neutral: No language or cultural bias

Standard Lorem Ipsum Text

The Classic Opening

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.

Paragraph Variations

Different generators produce variations while maintaining the "look" of Lorem Ipsum:

// Second paragraph often used
Sed ut perspiciatis unde omnis iste natus error sit voluptatem
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa
quae ab illo inventore veritatis et quasi architecto beatae vitae
dicta sunt explicabo.

// Third paragraph
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit
aut fugit, sed quia consequuntur magni dolores eos qui ratione
voluptatem sequi nesciunt.

When to Use Lorem Ipsum

Good Use Cases

• UI/UX prototypes: Testing layouts before content is ready
• Typography testing: Evaluating font choices and sizes
• Client presentations: Showing design concepts
• Template development: Building reusable page layouts
• Print mockups: Magazine layouts, brochures, posters

When NOT to Use Lorem Ipsum

• User testing: Real content affects how users perceive designs
• Content-driven designs: When layout depends on content length
• Final deliverables: Always replace before launch
• Accessibility testing: Screen readers will read it literally
• SEO-sensitive pages: Search engines may flag placeholder text

Generating Lorem Ipsum

JavaScript Generation

const words = ['lorem', 'ipsum', 'dolor', 'sit', 'amet', 'consectetur',
  'adipiscing', 'elit', 'sed', 'do', 'eiusmod', 'tempor', 'incididunt',
  'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua'];

function generateLoremIpsum(wordCount) {
  return Array.from({ length: wordCount }, () =>
    words[Math.floor(Math.random() * words.length)]
  ).join(' ');
}

generateLoremIpsum(50); // 50 random Lorem Ipsum words

NPM Packages

// Using lorem-ipsum package
npm install lorem-ipsum

import { loremIpsum } from 'lorem-ipsum';

// Generate paragraphs
const text = loremIpsum({
  count: 3,                // 3 paragraphs
  units: 'paragraphs',
  sentenceLowerBound: 5,   // Min sentences per paragraph
  sentenceUpperBound: 10,
  paragraphLowerBound: 3,  // Min sentences per paragraph
  paragraphUpperBound: 7
});

// Generate sentences
const sentences = loremIpsum({ count: 5, units: 'sentences' });

// Generate words
const words = loremIpsum({ count: 100, units: 'words' });

CSS Pseudo-Elements

/* Quick placeholder for prototyping */
.placeholder::before {
  content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
  color: #999;
}

/* Using CSS counters for numbered placeholders */
.list-item::before {
  counter-increment: item;
  content: counter(item) ". Lorem ipsum item";
}

Lorem Ipsum Alternatives

Themed Placeholder Generators

Generator	Theme	Example Output
Bacon Ipsum	Meat	"Bacon ipsum dolor amet ribeye..."
Hipster Ipsum	Hipster	"Artisan cronut meditation..."
Cupcake Ipsum	Desserts	"Cupcake ipsum dolor sit amet..."
Cat Ipsum	Cats	"Meow meow paws at mouse..."
Corporate Ipsum	Business	"Leverage agile frameworks..."
Zombie Ipsum	Horror	"Zombie ipsum reversus ab viral..."

Real Content Approaches

• Sample content: Use abbreviated real content when available
• AI-generated: Generate relevant placeholder content
• Content-first: Write content before designing

Lorem Ipsum in Design Tools

Figma

// Type "lorem" and press Tab for quick placeholder
// Or use the Lorem Ipsum plugin for more control

// Keyboard shortcuts:
// CMD/CTRL + Shift + L - Insert Lorem Ipsum

Adobe XD

// Edit → Insert Placeholder Text
// Or use Lorem Ipsum plugins from Adobe marketplace

Sketch

// Type → Insert → Lorem Ipsum
// Or use Data plugin with custom text feeds

Character and Word Counts

Standard Lorem Ipsum paragraph statistics:

Classic first paragraph:
- Words: 69
- Characters (with spaces): 446
- Characters (without spaces): 378
- Sentences: 4

Typical usage:
- Short blurb: 50-100 words
- Paragraph: 100-200 words
- Article preview: 200-300 words
- Full article: 500-1000+ words

Tools and Resources

Generate Lorem Ipsum and work with text:

• Lorem Ipsum Generator - Generate custom amounts of placeholder text
• Markdown Converter - Format placeholder content
• Diff Checker - Compare text versions

Best Practices

For Designers

• Use realistic text lengths that match expected content
• Include varied paragraph lengths
• Test with both short and long content scenarios
• Document where placeholder text needs replacement

For Developers

• Create reusable placeholder components
• Use environment flags to highlight placeholder content
• Implement content management early
• Add lint rules to catch Lorem Ipsum in production

// ESLint rule to catch Lorem Ipsum
// .eslintrc.js
module.exports = {
  rules: {
    'no-restricted-syntax': [
      'error',
      {
        selector: 'Literal[value=/lorem ipsum/i]',
        message: 'Remove placeholder text before committing'
      }
    ]
  }
};

Fun Facts

• The first word "Lorem" is actually a truncated "dolorem" from Cicero's text
• The text has been used since the 1960s—over 60 years of placeholder history
• Richard McClintock, a Latin scholar, discovered the source in 1982
• Some sections of Lorem Ipsum are completely made up, not from Cicero

Conclusion

Lorem Ipsum remains the standard for placeholder text because it works. Key takeaways:

• Use Lorem Ipsum for design and layout testing, not user testing
• Always replace placeholder text before launch
• Consider alternatives when context matters
• Use generators for consistent, properly formatted placeholder text
• Document placeholder content for easy identification and replacement

For more developer resources, explore our free online tools. For more Lorem Ipsum history, see lipsum.com and the ultimate Lorem Ipsum generator list.