Introducción: ¿Qué es Lorem Ipsum?
Todo diseñador, desarrollador y tipógrafo se ha encontrado con él: ese bloque de texto con apariencia de latín que rellena plantillas, wireframes y columnas vacías. Lorem ipsum dolor sit amet, consectetur adipiscing elit... Está en todas partes en las maquetas de diseño, y sin embargo la mayoría de quienes lo usan a diario no saben de dónde viene ni por qué existe.
Lorem ipsum es texto de relleno (placeholder text): texto ficticio utilizado para ocupar espacio en un diseño cuando el contenido real aún no está disponible. Parece latín, resulta ininteligible, y aun así ha sido el estándar de la industria durante más de cinco siglos. Comprenderlo en profundidad —su historia, mecánica y mejores prácticas— te hace un diseñador más competente e informado.
Este artículo ofrece una visión completa del Lorem Ipsum: de dónde vino, cómo lo crean los generadores, cuándo usarlo y cuándo el contenido real es la mejor opción.
Una Historia de 2.000 Años
Cicerón y "De Finibus Bonorum et Malorum" (45 a.C.)
La historia de Lorem ipsum no comienza en una imprenta sino en la Roma antigua. En el año 45 a.C., el filósofo y estadista romano Marco Tulio Cicerón escribió De Finibus Bonorum et Malorum ("Sobre los extremos del bien y del mal"), un tratado filosófico que exploraba la ética epicúrea y estoica. La obra era una exploración académica de qué constituye el mayor bien y el mayor mal en la vida humana.
Las secciones 1.10.32 y 1.10.33 de esa obra contienen el material fuente original del Lorem Ipsum. Cicerón escribió, en parte:
"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..." ("Ni hay nadie que ame el dolor en sí mismo, lo busque o lo desee obtener porque es dolor, sino porque de vez en cuando surgen circunstancias en las que el esfuerzo y el dolor pueden procurarle algún gran placer.")
Este pasaje es una meditación sobre la naturaleza del placer y el dolor: un argumento de que nadie busca el dolor por el dolor mismo. Cuando este texto fue posteriormente transformado en texto de relleno, su significado filosófico fue despojado, dejando solo el ritmo visual de las palabras.
La Revolución Tipográfica del Siglo XV
Avanzamos al siglo XV. El impresor veneciano Aldus Manutius y los tipógrafos de su época necesitaban una forma de mostrar tipografías y diseños de página sin usar contenido real. Tomaron el texto de Cicerón, lo desordenaron deliberadamente para hacerlo ilegible (para que los lectores no se distrajeran con el contenido) y lo usaron como relleno. Esta práctica se convirtió en estándar en las imprentas europeas.
La desordenación era intencional: un bloque de texto que parece un idioma real pero no significa nada es perfecto para juzgar si un diseño funciona visualmente, porque el ojo lo trata como texto sin que el cerebro se involucre con su significado.
El Descubrimiento de Richard McClintock en 1994
Durante siglos nadie supo exactamente de dónde venía el Lorem Ipsum. Su origen era un misterio. Entonces, en 1994, Richard McClintock, profesor de latín en el Hampden-Sydney College de Virginia, sintió curiosidad por la inusual palabra "consectetur" —que aparece en Lorem Ipsum pero es rara en el latín clásico. La buscó en una concordancia de literatura latina y la rastreó hasta el De Finibus de Cicerón. Este descubrimiento confirmó el linaje de dos milenios del texto de relleno más famoso del mundo.
El Pasaje Clásico del Lorem Ipsum
Este es el texto estándar del Lorem Ipsum tal como se usa hoy:
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.
Si lo comparas con el original de Cicerón, puedes ver cómo las palabras fueron extraídas, mezcladas y truncadas para producir algo que parece latín pero no dice nada coherente. "Lorem" en sí mismo ni siquiera es una palabra latina real —es un fragmento de "dolorem" al que se le cortó el "do".
Cómo Funcionan los Generadores de Lorem Ipsum
Los generadores modernos de Lorem Ipsum no usan aleatoriedad pura: utilizan un grupo de palabras cuidadosamente seleccionado y un ensamblaje algorítmico para producir texto que imita el ritmo del lenguaje natural.
El Grupo de Palabras
La mayoría de los generadores parten de un corpus extendido derivado del De Finibus: cientos de palabras con apariencia latina. Las palabras comunes incluyen: lorem, ipsum, dolor, sit, amet, consectetur, adipiscing, elit, sed, eiusmod, tempor, incididunt, labore, dolore, magna, aliqua...
Ensamblaje de Frases
El generador selecciona palabras aleatoriamente del grupo y las ensambla en oraciones de longitud variable (típicamente 5 a 20 palabras). Algunos generadores añaden comas y conjunciones en intervalos estadísticamente naturales para imitar la estructura de las oraciones latinas.
Construcción de Párrafos
Las oraciones se agrupan en párrafos. Los generadores normalmente ofrecen opciones para:
- Número de párrafos (p. ej., 3 párrafos)
- Número de oraciones por párrafo
- Número total de palabras
- Si comenzar con el clásico "Lorem ipsum dolor sit amet..."
Formatos de Salida
Los generadores suelen ofrecer:
- Texto plano — palabras y puntuación en bruto
- HTML — envuelto en etiquetas
<p>para su uso directo en páginas web - Markdown — para documentación y generadores de sitios estáticos
Variantes y Alternativas
Lorem ipsum es el clásico, pero han surgido muchas alternativas temáticas para quienes quieren algo diferente.
Bacon Ipsum
Utiliza vocabulario de carnes: "Bacon ipsum dolor amet strip steak pork belly brisket short loin..." Perfecto para inyectar humor en las presentaciones de equipo.
Hipster Ipsum
Rellena páginas con vocabulario de tendencias: "Artisan keffiyeh quinoa normcore organic craft beer..." Útil para satirizar el branding excesivamente diseñado.
Corporate Ipsum
Genera jerga empresarial: "Synergize scalable functionalities to proactively facilitate cross-platform value propositions..." Incómodamente realista.
Cupcake Ipsum
Dulce y con temática de postres: "Cupcake ipsum dolor sit amet marshmallow tiramisu toffee donut jelly beans..."
Palabras Aleatorias / Diccionarios
Algunos diseñadores prefieren palabras inglesas verdaderamente aleatorias o relleno basado en nombres propios (como Fillerama, que extrae texto de guiones de películas). Cada enfoque tiene ventajas e inconvenientes en legibilidad y realismo.
Diseñar con Lorem Ipsum: Ventajas e Inconvenientes
A Favor del Lorem Ipsum
Enfoque en el diseño: El texto de relleno permite a los diseñadores concentrarse completamente en la jerarquía visual, el espacio en blanco y las proporciones sin distraerse con el significado de las palabras. Cuando hay contenido real, los interesados inevitablemente empiezan a editar el texto en vez de evaluar el diseño.
Velocidad: Puedes generar exactamente la cantidad de texto que necesitas al instante, ajustado perfectamente a tus columnas y contenedores.
Neutralidad: Lorem ipsum no provoca respuestas emocionales ni políticas, lo que lo convierte en un relleno verdaderamente neutro para presentaciones a clientes.
Estándar de la industria: Todos los interesados que participan en las revisiones de diseño —desarrolladores, gestores de producto, marketers— entienden que Lorem Ipsum significa "aquí va el contenido".
En Contra del Lorem Ipsum (Diseño con Contenido Real)
El problema del "texto griego": Cuando se usa texto de relleno en todo un diseño, el resultado puede verse completamente diferente una vez que se introduce el contenido real. Los titulares reales tienen longitudes diferentes. El cuerpo de texto real tiene ritmos distintos. Las llamadas a la acción reales tienen pesos diferentes.
Puntos ciegos de accesibilidad: Con Lorem ipsum es imposible evaluar si el diseño funciona para lectores de pantalla, o si las etiquetas ARIA tienen sentido en contexto.
Confusión entre interesados: Los clientes que no están familiarizados con el diseño a veces confunden Lorem Ipsum con un error de traducción o un fallo del sistema.
Los defensores del diseño con contenido primero (como la redactora Sarah Richards y el diseñador UX Giles Colborne) argumentan que diseñar con contenido real —aunque sea un borrador— produce diseños más honestos y precisos porque el contenido es el diseño.
Tipografía Web y Texto de Relleno
El texto de relleno es invaluable para evaluar decisiones tipográficas:
Combinación de Fuentes
Genera un bloque de título y texto de cuerpo para ver si tu fuente de titular elegida (p. ej., una serif en negrita) combina bien con tu fuente de cuerpo (p. ej., una sans-serif limpia). Las palabras sin significado garantizan que juzgues las formas y el ritmo, no el contenido.
Altura de Línea y Espaciado
Un párrafo completo de Lorem ipsum revela si tu line-height es demasiado estrecho (el texto se siente apretado) o demasiado amplio (se lee como una lista). Las recomendaciones estándar son 1,4 a 1,6 veces el tamaño de la fuente para el texto del cuerpo.
Ancho de Columna y Legibilidad
Los tipógrafos usan el principio de la medida (longitud de línea): 45 a 75 caracteres por línea para una legibilidad óptima. Lorem ipsum te permite ver rápidamente si el ancho de tu columna viola este principio.
Escalado Responsivo
Observa cómo un bloque de Lorem ipsum se redistribuye en diferentes puntos de ruptura. ¿El texto sigue equilibrado en anchos de móvil? ¿El titular se apila con gracia a 320px?
Implicaciones de Accesibilidad
Usar Lorem ipsum tiene importantes implicaciones de accesibilidad que frecuentemente se pasan por alto.
Lectores de Pantalla
Los lectores de pantalla (como NVDA, JAWS y VoiceOver) intentarán pronunciar Lorem ipsum, produciendo audio confuso e ininteligible. Esta es una señal clara de que el Lorem ipsum nunca debe llegar a producción.
Etiquetas ARIA y Significado Semántico
Al diseñar componentes accesibles, el texto de relleno en botones, enlaces y etiquetas de formulario debe ser reemplazado eventualmente por texto significativo. Diseñar con Lorem ipsum puede ocultar si tu estructura ARIA realmente comunica la intención.
Prueba de Carga Cognitiva
No puedes probar adecuadamente la carga cognitiva ni la comprensión lectora con Lorem ipsum. Las pruebas de usabilidad reales requieren contenido real (o realista).
La Regla de Oro
Nunca, jamás, publiques Lorem ipsum en un sitio web o aplicación en producción. Las comprobaciones automatizadas (como los linters de accesibilidad y los rastreadores de SEO) marcarán el pseudo-latín desordenado como un error de contenido. Más importante aún, los usuarios reales se confundirán o se sentirán frustrados.
Cuándo Usar Lorem Ipsum vs Contenido Real
La elección correcta depende de la fase del diseño:
| Fase | Enfoque Recomendado |
|---|---|
| Wireframes tempranos | Lorem ipsum — enfoque en el diseño |
| Maquetas de media fidelidad | Lorem ipsum con titulares reales |
| Maquetas de alta fidelidad | Contenido real siempre que sea posible |
| Pruebas con usuarios | Siempre contenido real |
| Producción | Nunca Lorem ipsum |
Usa Lorem ipsum cuando:
- Estás explorando opciones de diseño y no quieres que el contenido condicione las decisiones estructurales
- Necesitas rellenar una plantilla o mostrar un sistema de diseño a un cliente
- Estás escribiendo documentación o creando capturas de pantalla para tutoriales
Usa contenido real cuando:
- Estás realizando pruebas de usabilidad o investigación con usuarios
- Estás tomando decisiones sobre tamaño de fuente, jerarquía o longitud del texto
- Estás preparando la entrega del diseño al equipo de desarrollo
Generación de HTML e Integración con Herramientas de Diseño
Envolver en Etiquetas <p>
Al generar Lorem ipsum para uso web, la salida HTML es generalmente la más útil:
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.</p>
Cada párrafo está correctamente envuelto, listo para ser estilizado con CSS.
Figma
Figma tiene un atajo de Lorem ipsum incorporado: selecciona una capa de texto y presiona Shift + Cmd/Ctrl + L (o usa el plugin "Lorem ipsum" de la comunidad). También puedes usar plugins como Lorem ipsum o Content Reel para mayor control.
Adobe XD
Adobe XD proporciona relleno de Lorem ipsum mediante clic derecho → "Editar" o atajos de teclado. Plugins de terceros como Ipsum amplían la funcionalidad.
Sketch
Sketch permite insertar Lorem ipsum mediante Insertar → Texto → Lorem Ipsum o a través de plugins como Content Generator Sketch Plugin, que puede rellenar capas de texto con contenido temático.
Mejores Prácticas
- Etiqueta siempre el Lorem ipsum claramente en archivos de diseño y documentación — usa una capa de notas o anotaciones.
- Reemplázalo con contenido real antes de las pruebas con usuarios — nunca hagas pruebas con texto de relleno.
- Usa la salida HTML cuando lo integres en componentes web para mantener una estructura semántica adecuada.
- Ajusta la longitud del texto a la realidad — si tu titular típicamente tendrá 5 palabras, no uses uno de Lorem ipsum de 20 palabras.
- Combina ambos enfoques — usa Lorem ipsum para el texto del cuerpo, pero usa titulares, CTAs y etiquetas reales (o realistas).
- Nunca hagas commit de Lorem ipsum en una base de código de producción. Configura reglas de linting o auditorías de contenido para detectarlo.
- Elige alternativas temáticas al presentar a interesados no especializados en diseño para reducir la confusión.
Preguntas Frecuentes
P: ¿Es Lorem ipsum latín real? R: Está derivado del latín real (el De Finibus de Cicerón), pero la versión desordenada usada como texto de relleno no es latín gramaticalmente correcto ni tiene significado.
P: ¿Quién inventó Lorem ipsum? R: La fuente original es Cicerón (45 a.C.). Su uso como texto de relleno se atribuye a los impresores del siglo XV, posiblemente Aldus Manutius.
P: ¿Por qué Lorem ipsum empieza con "Lorem" si no es una palabra real? R: "Lorem" es un fragmento de "dolorem" — el texto original empezaba con "dolorem ipsum" y fue truncado.
P: ¿Puedo usar Lorem ipsum en proyectos comerciales? R: Sí — Lorem ipsum es de dominio público. El texto en sí no tiene derechos de autor.
P: ¿Existe una longitud estándar para Lorem ipsum? R: El pasaje estándar más común tiene 5 oraciones (aproximadamente 69 palabras). La mayoría de los generadores permiten especificar cualquier longitud.
P: ¿Dañará Lorem ipsum mi SEO? R: Sí, si llega a una página en vivo. Los rastreadores pueden marcarlo como contenido de baja calidad. Siempre reemplázalo antes de publicar.
P: ¿Cuál es el mejor generador de Lorem ipsum? R: El mejor generador es el que mejor se adapta a tu flujo de trabajo. Nuestra herramienta ofrece texto plano, salida HTML, recuentos configurables de párrafos y oraciones, y comienza con la apertura clásica cuando se desea.
El Lorem ipsum ha perdurado más de 500 años porque resuelve un problema genuino: nos permite evaluar el diseño visual sin la distracción del significado. Usado con criterio —en la fase correcta, con las advertencias adecuadas— sigue siendo una de las herramientas más útiles del kit del diseñador. Solo recuerda: es un andamio, no una pared terminada. Reemplázalo antes de abrir las puertas.