Lorem Ipsum: History and Uses in Modern Web Development

Where Does Lorem Ipsum Come From?

Lorem Ipsum is derived from De Finibus Bonorum et Malorum ("On the Ends of Good and Evil"), a philosophical work by Cicero written in 45 BC. The standard passage — "Lorem ipsum dolor sit amet, consectetur adipiscing elit..." — is a scrambled excerpt from section 1.10.32 of that text.

It entered widespread use in the 1500s when an unknown printer scrambled a passage of Cicero to use as type specimens. Richard McClintock, a Latin scholar, identified the original source in the 1980s. The text has remained the default filler for over 500 years.

Why Use Placeholder Text at All?

When designing a layout before content is ready, using real words is distracting — readers focus on the words rather than the design. Placeholder text allows reviewers to evaluate typography, spacing, and layout without being drawn into reading the actual copy.

Lorem Ipsum is particularly effective because:

• It has a natural distribution of letter frequencies (unlike "aaa aaa aaa")
• Its word lengths approximate English prose
• It is immediately recognizable as placeholder — no one mistakes it for real content
• It has varied character shapes that test font rendering across ascenders, descenders, and ligatures

Generating Lorem Ipsum by Units

Placeholder text generators typically let you control the output unit:

• Words: Fine-grained control; useful for button labels, headings, nav items
• Sentences: Good for captions, metadata fields, short descriptions
• Paragraphs: Article bodies, card content, text blocks

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.

When Lorem Ipsum Is Not Enough

Lorem Ipsum works well for visual design reviews, but it can mislead in several scenarios:

• Content-dependent layouts: If your layout breaks with short titles or long names, Lorem Ipsum may not reveal the problem — it always produces medium-length text
• Internationalisation (i18n): German words are much longer than English; Arabic is right-to-left; CJK characters are wider. Placeholder text in Latin tells you nothing about these layouts
• UX copy reviews: Stakeholders reviewing user flows need to see real action verbs and terminology, not Latin
• Accessibility reviews: Screen readers read Lorem Ipsum aloud — it produces gibberish, making it useless for audio-based UX evaluation

Alternatives to Lorem Ipsum

Realistic placeholder content

Use real product names, typical user names, and representative text lengths from your actual use case. This is particularly important for tables, cards, and data displays.

Hipster Ipsum, Bacon Ipsum, and friends

Themed Lorem Ipsum generators produce amusing text that is clearly placeholder (making it harder to mistake for real copy) while still providing natural word distribution. Popular in agency work.

AI-generated realistic text

For later-stage designs, generate realistic text in the voice and style of your actual product copy. This helps with UX copy reviews and accessibility testing.

Using Lorem Ipsum in Code

const WORDS = ['lorem', 'ipsum', 'dolor', 'sit', 'amet', ...];

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

function paragraph(sentenceCount = 4) {
  return Array.from({ length: sentenceCount }, () => sentence()).join(' ');
}