Загрузка...
Загрузка...
Нашли баг, сбой или ошибку в работе сервиса? Есть предложение по улучшению? Напишите нам — мы читаем каждое сообщение и стараемся быстро исправлять проблемы.
Генератор Lorem Ipsum: параграфы, слова, предложения для макетов. История текста, альтернативы, практические советы.
Бесплатные онлайн-инструменты по теме статьи
Быстрые определения и связанные понятия из SEO-глоссария reChecker.
Минификация (minification) — удаление лишних символов из CSS, JS и HTML без изменения функциональности. Уменьшает размер файлов на 20-60%.
Читать в глоссарии →Адаптивный дизайн (Responsive Design) — подход к веб-разработке, при котором сайт корректно отображается на всех устройствах: мобильных, планшетах, десктопах.
Читать в глоссарии →Плотность ключевых слов — процент вхождений ключевого слова в тексте относительно общего количества слов. Оптимальный уровень: 1-3% для основного запроса.
Читать в глоссарии →CORS (Cross-Origin Resource Sharing) — механизм браузера для контроля запросов между разными доменами. Неправильная настройка CORS — угроза безопасности.
Читать в глоссарии →Выберите цвет онлайн и получите код в HEX, RGB, HSL. Разница форматов, контрастность WCAG, создание палитр.
УтилитыПолное руководство по форматам штрих-кодов: EAN-13 для товаров, Code128 для логистики, Code39 для промышленности. Онлайн-генерация и проверка.
УтилитыПроверьте CSV файл онлайн: количество колонок, пустые ячейки, разделители. Поддержка запятой, точки с запятой, TAB.
CSS & ДизайнПолное руководство по дизайн-токенам: CSS custom properties, Tailwind config, JSON-формат. Как создать единую дизайн-систему и синхронизировать стили между кодом и дизайном.
Поделитесь с коллегами или изучите другие материалы блога
«Lorem ipsum dolor sit amet...» — эту фразу видел каждый, кто занимался дизайном или вёрсткой. Текст-заглушка позволяет проверить макет до появления реального контента.
Lorem Ipsum — искажённый отрывок из сочинения Цицерона «О пределах добра и зла» (45 год до н.э.). Оригинальный латинский текст начинается словами: «Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet...»
В XVI веке типографы использовали этот текст в качестве заполнителя при наборе образцов шрифтов — задолго до появления цифрового дизайна. В 1960-х годах компания Letraset популяризировала Lorem Ipsum в переводных листах для мокапов. С появлением PageMaker в 1985 году текст стал стандартом de facto в издательском деле.
Современная версия Lorem Ipsum немного отличается от оригинала и специально лишена смысла, чтобы читатель сосредоточился на визуальном восприятии макета, а не на содержании.
Фокус на форме, а не на содержании: реальный текст привлекает внимание к смыслу и отвлекает от оценки вёрстки, шрифтов и пропорций.
Равномерное распределение: Lorem Ipsum содержит буквы разной ширины, что создаёт реалистичный «серый цвет» текстового блока.
Нейтральность: заказчик не начинает правки по тексту, который ещё не готов.
Быстрота: не нужно ждать копирайтера — макет можно показать немедленно.
| Единица | Применение |
|---|---|
| Слова | Заголовки, кнопки, лейблы |
| Предложения | Описания, подписи, плейсхолдеры |
| Параграфы | Статьи, карточки, блоки текста |
Практические ориентиры:
| Генератор | Язык | Особенность |
|---|---|---|
| Lorem Ipsum | Латынь | Классика, повсеместно принят |
| Hipster Ipsum | Английский | Модный слэнг, забавный |
| Bacon Ipsum | Английский | Про мясо, неожиданно |
| Veggie Ipsum | Английский | Для вегетарианцев |
| Riba-tekst | Русский | Случайный русский текст |
| Slipsum | Английский | Цитаты из фильмов |
Для русскоязычных макетов особенно важно использовать русский текст-заглушку — длина слов и ритм предложений в русском сильно отличаются от латинского.
Несмотря на удобство, у текста-заглушки есть ограничения:
Не злоупотребляйте Lorem Ipsum в презентациях клиентам: заказчик может не понять, что это заглушка, и попросить «перевести».
Используйте реальные данные, где это возможно: имена, числа, даты лучше брать из реальных примеров — это помогает обнаружить проблемы с вёрсткой длинных или коротких значений.
Проверяйте крайние случаи: вставьте очень длинное слово или очень короткий текст, чтобы убедиться, что вёрстка не ломается.
Подсчитать количество слов и символов в тексте поможет Word Counter. Для работы с Markdown-разметкой — Markdown редактор.
Генератор Lorem Ipsum на reChecker создаёт текст нужного объёма: укажите количество параграфов, предложений или слов и скопируйте результат.