iLoveDevToolWhat is that "gibberish" doing in design mockups
Open any in-progress web or app design and the body slots are often filled with rows of "lorem ipsum dolor sit amet…" — unreadable, unspeakable, neatly occupying the page. This is placeholder text, the print industry's standard practice for five hundred years.
It solves a specific problem: layout review requires content to step aside. With real copy, reviewers' attention gets captured by the content — spotting typos, editing phrasing, debating ideas — while nobody looks at line height, whitespace, or hierarchy. Placeholder text has no semantics; readers give up after two seconds, and the layout becomes the only information on the screen.
There's an engineering reason too: real copy "cooperates" with the layout — writers subconsciously fit the space. Filler text stretches to any length, forcing the layout to survive content of every shape.
Five hundred years: from Cicero to the type case
"Lorem ipsum" was not invented from nothing. In the 1st century BC, Cicero wrote in De Finibus Bonorum et Malorum 1.10.32:
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet… (There is no one who loves pain itself…)
During the Renaissance, an unknown type setter scrambled and altered such classic passages into specimen pages — the word-frequency distribution resembles real text, the length flexes, and there is no semantic noise. One of those passages happened to survive.
Its modern revival ran through two channels: Letraset dry-transfer sheets printed it into type specimens in the 1960s, and desktop publishing software like Aldus PageMaker shipped it as built-in sample text through the 1970s-80s. From the type case it moved into every computer: CMS theme previews, design system docs, and component library Storybooks all default to it.
One common myth: the standard opening is "Lorem ipsum dolor sit adipiscing elit" — adipiscing comes from the genitive participle in Cicero's original; "adipisicing" is a popular but inauthentic corruption.
Chinese typography needs Chinese filler
Latin filler in a Chinese layout has one structural flaw: the two scripts behave completely differently in typesetting.
- Width: Latin letter widths vary (i versus m by a factor of several); Chinese characters are uniformly square — paragraph grays and line density are entirely different games
- Line breaking: Latin breaks at word boundaries (with hyphenation); Chinese can break between any characters, layered with punctuation rules (no period at line start, no opening quote at line end)
- Punctuation compression: Chinese punctuation compresses or hangs at line edges — a mechanism Latin scripts simply don't have
The result: Chinese interfaces drafted with Latin filler routinely need font size, line height, and measure adjustments after the real copy lands. For Chinese product prototypes, article layouts, and Chinese website drafts, Chinese filler previews the real effect: random word-drawn sentences with varied lengths, a cadence close to real Chinese, and zero semantic noise.
In practice: count, language, format
Placeholder generation boils down to three dimensions:
- Count: exact counts by paragraphs (full blocks), sentences (cards, short blocks), or words (buttons, labels)
- Language: Latin convention for general layouts, Chinese filler for Chinese typography previews
- Format: plain text for documents; HTML
<p>paragraphs or per-sentence<li>lists straight into page templates
The lorem ipsum generator covers all three: exact counts by paragraph/sentence/word, one-click switching between Latin and Chinese filler (the Chinese word list is hand-reviewed word by word), plain text / HTML paragraph / HTML list output, and the classic opening by default. Once the placeholder work is done, URL slug design and naming conventions (camelCase vs snake_case) are the next two steps of the same workflow.
Frequently Asked Questions
Why not use real copy as placeholder text?
Real copy hijacks layout reviews: readers instinctively read the content and nitpick the wording while nobody looks at line height, whitespace, or visual rhythm. Meaningless text removes content from the picture and makes layout the only thing left to judge. Real copy has another problem: its length and word-shape rarely match the final text, so the layout needs rework anyway once real content arrives.
What does lorem ipsum actually say?
It is not meaningful Latin. It is a scrambled, altered fragment of Cicero's De Finibus Bonorum et Malorum 1.10.32 from the 1st century BC: Renaissance type setters improvised specimen pages from classic texts' movable type, and one such passage survived into an industry standard. Its word-frequency distribution resembles real text, its length flexes freely, and it carries zero semantic noise — a perfect placeholder material.
Why can't Latin filler stand in for Chinese layouts?
The difference is structural: Chinese characters are uniformly wide (square blocks) while Latin letters vary (i vs m), so paragraph density looks nothing alike. Chinese allows line breaks between any characters (with line-start/end punctuation rules), while Latin breaks at word boundaries with hyphenation. Punctuation compression is Chinese-only. Chinese interfaces drafted with Latin filler routinely need font size, line height, and measure adjustments after launch.
How is Chinese filler text generated?
Words are drawn at random from a hand-reviewed pool of safe, high-frequency words: each sentence has 5-12 words with comma clauses and a final period, close to the cadence of real Chinese but with no readable meaning. Compared with typing out "test text test text", randomized filler has varied sentence lengths, which exposes layout problems far better.