Afinal, o que é Lorem Ipsum? É um bloco de pseudolatim propositalmente sem sentido e embaralhado que designers inserem em um layout antes de as palavras de verdade existirem. A ideia é preencher o espaço com um texto em formato de texto, para que os revisores avaliem a tipografia, o espaçamento e a estrutura em vez de serem levados a ler e editar o conteúdo. Ele não diz nada em particular, e é exatamente esse o trabalho. Precisa de um bloco agora mesmo? O Gerador de Lorem Ipsum produz tudo no seu navegador com um clique.
Mas “o que é isso” é só o começo. Este guia mostra de onde o texto realmente vem (uma passagem real de Cícero, de 45 a.C.), por que ele funciona melhor do que digitar “asdf asdf”, como gerá-lo em quase qualquer lugar (seu editor de código, o Word, uma biblioteca de faker, o Figma, até CSS puro), quais são as alternativas e a armadilha que a maioria dos artigos ignora: o Lorem Ipsum silenciosamente engana você no instante em que seu layout precisa lidar com um idioma que não seja da Europa Ocidental.
O que é Lorem Ipsum?
Lorem Ipsum é texto de preenchimento: palavras embaralhadas e sem sentido, parecidas com o latim, usadas para preencher um design antes de o conteúdo real ser escrito. Não é a baboseira que você digitaria para encher uma caixa. Ele tem um formato deliberado e de aparência natural — comprimentos variados de palavras, variação no tamanho das frases, vírgulas ocasionais —, de modo que um parágrafo dele quebra linha, hifeniza e compõe o tipo de forma muito parecida com prosa de verdade. É nisso que está todo o valor. O olho vê um bloco de texto crível e avalia o layout, não a mensagem.
A linha que todo mundo reconhece é a abertura canônica: Lorem ipsum dolor sit amet, consectetur adipiscing elit. As pessoas presumem que é latim de verdade. Não é bem isso. A primeira palavra entrega o jogo — não existe a palavra latina lorem. É o final de dolorem, que significa “dor”, com a sílaba inicial cortada. Ou seja, a primeira palavra do texto de preenchimento mais famoso do mundo é um fragmento de uma palavra mais longa sobre sofrimento. Esse é o significado de lorem ipsum em uma frase: latim corrompido, quebrado de propósito para que ninguém o confunda com conteúdo.
Essa quebra intencional tem um motivo. Se o preenchimento parecesse uma língua real e coerente, os revisores começariam a lê-lo, depois a editá-lo, e a revisão de design viraria uma revisão de texto. O Lorem Ipsum fica num ponto útil de equilíbrio: estruturado o bastante para se comportar como prosa na página, sem sentido o bastante para que ninguém tenha vontade de realmente lê-lo.
De onde vem o Lorem Ipsum?
A história da origem do lorem ipsum é mais específica do que a maioria das pessoas imagina, e a versão resumida que circula pela web (“é só latim aleatório”) está errada. O texto remonta a uma fonte clássica real, depois foi deturpado e então pegou carona em duas ondas de tecnologia de design até virar onipresente.
O De Finibus de Cícero (45 a.C.)
A fonte é De Finibus Bonorum et Malorum — “Sobre os Fins do Bem e do Mal” — uma obra de filosofia moral que Cícero escreveu em 45 a.C. As seções 1.10.32 e 1.10.33 discutem prazer e dor, e uma passagem começa com Neque porro quisquam est qui dolorem ipsum quia dolor sit amet… (“Nem há quem ame a própria dor por ser dor…”). Corte dolorem até lorem, embaralhe as palavras que vêm a seguir, descarte algumas, acrescente outras, e você chega ao preenchimento que conhecemos. A famosa abertura é uma corrupção de uma frase real sobre por que ninguém busca a dor por ela mesma.
Então o Lorem Ipsum não é um nonsense inventado. É um texto de filosofia de 2.000 anos com o significado removido cirurgicamente.
A Letraset e os anos 1960
Passagens em latim não viram padrão da indústria de design sozinhas. O salto aconteceu nos anos 1960 por meio da Letraset, uma empresa que fabricava folhas de letras de decalque a seco — as letras de esfregar que designers gráficos usavam antes do tipo digital. A Letraset imprimia passagens de Lorem Ipsum em suas folhas e em seus materiais de amostra, o que colocou um estoque pronto de preenchimento neutro nas mãos dos designers em atividade. Tornou-se o texto a que você recorria quando precisava de palavras que ainda não eram palavras.
O PageMaker e a editoração eletrônica (anos 1980)
A segunda onda foi o software. Nos anos 1980, a Aldus lançou o PageMaker — o aplicativo que essencialmente criou a editoração eletrônica — e incluiu o Lorem Ipsum como texto de amostra embutido. Isso levou o preenchimento das folhas de amostra impressas para a tela e para o fluxo de trabalho padrão de qualquer pessoa que diagramasse uma página no computador. Dali ele se espalhou por todo aplicativo de diagramação, todo template de site e toda ferramenta de design moderna. Hoje o InDesign, o Figma e os demais conseguem inserir Lorem Ipsum em um quadro com um único comando, e a corrente segue direto até um romano falando de dor.
Por que designers e desenvolvedores usam texto de preenchimento
O argumento a favor do texto de preenchimento se resume a uma ideia: separar o problema de design do problema de conteúdo, para que você possa resolver um de cada vez. Quando você está decidindo a largura da coluna, o comprimento da linha, a entrelinha e onde o texto de um card quebra para uma terceira linha, o conteúdo real é uma distração. Um revisor lê o título, discorda da redação, e agora você está debatendo uma frase em vez do grid.
Então por que designers usam Lorem Ipsum especificamente, e não qualquer preenchimento? Porque o formato estatístico dele importa. As palavras têm uma distribuição realista de comprimentos, e as frases variam do jeito que frases reais variam. Isso significa que um parágrafo de Lorem Ipsum quebra entre linhas, hifeniza e empilha até uma contagem de linhas realista. O layout que você aprova com Lorem dentro fica próximo do layout que você vai ter com texto real do mesmo tamanho.
Compare isso com as alternativas preguiçosas. Digite texto texto texto texto e toda palavra tem o mesmo comprimento, de modo que as quebras de linha caem num padrão uniforme e falso que esconde como o conteúdo real vai fluir. Bata asdfasdf jkl;jkl; e você obtém formas de letras não naturais e nenhum limite de palavra. As duas opções distorcem aquilo que você está tentando avaliar. O Lorem Ipsum parece língua sem ser língua, que é exatamente a propriedade que você quer.
Há também um benefício social. O Lorem Ipsum é um sinal reconhecido. Quando um cliente ou colega vê Lorem ipsum dolor sit amet, ele lê aquilo como “isto é um preenchimento intencional, o conteúdo real está a caminho”, e não entra em pânico achando que a página está quebrada nem começa a revisar o latim embaralhado. Esse entendimento compartilhado vale muito em uma revisão.
Como gerar Lorem Ipsum em qualquer lugar
A maioria dos artigos sobre o tema para em “cole de algum site”. Isso subestima quantos lugares como gerar Lorem Ipsum realmente abrange. Aqui está o conjunto completo de ferramentas, de uma aba do navegador a um script de build.
Gerador online
O caminho mais rápido e com mais controle é uma ferramenta web dedicada. O Gerador de Lorem Ipsum abre com três parágrafos já na caixa, então você pode copiar o preenchimento no instante em que a página carrega. A partir daí, você escolhe uma unidade — parágrafos, frases, palavras, itens de lista ou uma contagem exata de bytes —, define a quantidade e seleciona o formato de saída: texto puro, HTML com <p> e <ul><li>, Markdown ou um array JSON. A unidade de bytes é o destaque: preencha exatamente 280 bytes para um campo de tweet ou 255 para uma coluna varchar(255), cortado no último caractere.
No seu editor: VS Code e Emmet
Se você escreve HTML, já tem um gerador embutido. O Emmet — incluído no VS Code e disponível na maioria dos editores — expande a abreviação lorem em preenchimento quando você pressiona Tab dentro de um arquivo HTML. Acrescente um número para controlar a contagem de palavras:
lorem
<!-- expande para ~30 palavras de Lorem Ipsum -->
lorem30
<!-- exatamente 30 palavras -->
p*3>lorem20
<!-- três elementos <p>, cada um com 20 palavras de Lorem Ipsum -->Essa última vale a pena lembrar: combine lorem com a multiplicação e o aninhamento do Emmet e você gera preenchimento totalmente marcado sem tirar as mãos do teclado. As IDEs da JetBrains (WebStorm, IntelliJ) trazem o mesmo suporte ao Emmet, então as abreviações funcionam lá também.
No Microsoft Word
O Word tem um gerador oculto que é anterior à web. Digite isto em uma linha em branco e pressione Enter:
=lorem()Isso insere vários parágrafos de Lorem Ipsum. Você pode controlar a quantidade com dois argumentos — parágrafos e frases por parágrafo:
=lorem(3,5)Isso produz 3 parágrafos de 5 frases cada. Se você preferir um preenchimento em inglês de verdade e legível (o texto de ajuda real do Word, em vez de latim), use =rand() e =rand(3,5) da mesma forma. Útil quando você precisa demonstrar algo para um público não técnico que acharia o latim confuso.
No código: faker.js
Quando você precisa de preenchimento dentro de um programa — populando um banco de dados, montando fixtures de teste, simulando uma API —, uma biblioteca de faker supera o copiar e colar. O pacote moderno e mantido é o @faker-js/faker:
import { faker } from '@faker-js/faker';
// Uma frase, um parágrafo, três parágrafos
const sentence = faker.lorem.sentence();
const paragraph = faker.lorem.paragraph();
const article = faker.lorem.paragraphs(3);
// Saída reproduzível: defina a semente do gerador primeiro
faker.seed(42);
const fixed = faker.lorem.paragraphs(3); // mesmo texto em toda execuçãoDefinir a semente é a parte que importa para os testes. faker.seed(42) torna a saída determinística, de modo que um teste de snapshot não falha de forma intermitente só porque o preenchimento mudou entre execuções. E como o faker também produz nomes, e-mails, endereços e registros estruturados, você pode popular uma fixture realista e então enviá-la direto para o disco. Se você estiver salvando essa fixture como JSON, passe-a pelo Formatador JSON para que o arquivo versionado fique legível nos diffs.
Em ferramentas de design: Figma e InDesign
Designers raramente precisam de uma aba separada. No Figma, o plugin “Lorem ipsum” (e o Content Reel) preenche uma camada de texto selecionada com conteúdo de preenchimento sob comando. No InDesign, selecione um quadro de texto e escolha Texto → Preencher com texto de espaço reservado para distribuir Lorem Ipsum por toda a matéria — útil para avaliar uma composição em várias colunas antes de o manuscrito chegar.
Em CSS
Para prototipagem puramente visual, você pode injetar preenchimento com conteúdo gerado, sem mudar a marcação:
.skeleton::after {
content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
}Use isso com moderação. O conteúdo definido em CSS não é texto real do documento, os leitores de tela o tratam de forma inconsistente e é fácil esquecer que ele está ali. Tudo bem para um protótipo descartável ou um experimento de estilização; não é substituto para o conteúdo de preenchimento em um template de verdade.
Variantes e alternativas do Lorem Ipsum
O Lorem Ipsum clássico é o padrão, mas não é a única opção — e às vezes é a errada. As alternativas ao lorem ipsum se dividem em três grupos, cada um adequado a um trabalho diferente.
Ipsum temático (Bacon, Hipster, Cat)
Geradores temáticos trocam o latim por vocabulários de brincadeira: Bacon Ipsum (“bacon ipsum dolor amet ribeye…”), Hipster Ipsum, Cat Ipsum e dezenas de outros. Eles são realmente úteis em uma situação — uma revisão interna informal em que um preenchimento reconhecível e levemente engraçado mantém a equipe engajada e sinaliza “definitivamente não é a versão final”. O risco é o oposto da força do Lorem: o preenchimento temático é legível, então as pessoas começam a lê-lo, e em um contexto com cliente isso pode soar pouco sério. Use para dar clima, não para decisões de layout.
Fakers de dados reais (faker, Mockaroo)
Quando o preenchimento precisa de estrutura em vez de prosa, recorra a um faker de dados reais. O Lorem Ipsum entrega blocos de texto falso; ferramentas como @faker-js/faker e Mockaroo entregam registros falsos — nomes, e-mails, preços, datas, endereços — moldados conforme o seu modelo de dados real. Para popular um banco de dados, montar um mock de API ou preencher uma tabela de usuários em um protótipo, dados falsos estruturados são muito mais honestos do que dez parágrafos idênticos de latim. Uma linha de usuário com um nome e um e-mail plausíveis diz mais sobre o seu layout do que Lorem ipsum dolor jamais dirá.
Design orientado a conteúdo
A crítica mais afiada ao Lorem Ipsum vem do grupo que prioriza o conteúdo, e vale levá-la a sério. O argumento: o conteúdo real tem comprimento, tom, casos extremos e verdades incômodas que o texto de preenchimento dissimula. Uma tabela de preços fica bonita com três blurbs de Lorem bem ajeitados e desmorona quando a descrição real de um dos planos é três vezes mais longa que as outras. Um card de perfil montado em torno de Lorem ipsum dolor sit amet quebra quando um usuário real tem um nome de 40 caracteres e nenhuma bio. Projetar com conteúdo realista — idealmente real — expõe esses problemas cedo, enquanto são baratos de corrigir. A conclusão prática não é “nunca use Lorem”. É “use o Lorem para esboçar a estrutura e depois faça um teste de estresse com conteúdo real antes de fechar a versão”.
A armadilha do preenchimento em i18n
Aqui está a parte que a maioria dos guias pula, e é a que tem mais chance de te queimar. O Lorem Ipsum é latim. Seus comprimentos de palavra, frequências de letras e espaçamento aproximam idiomas da Europa Ocidental — inglês, francês, espanhol e seus parentes. No instante em que seu layout tem de renderizar um idioma que não é dessa família, o Lorem Ipsum deixa de prever a realidade e passa a enganar você.
Três modos de falha aparecem o tempo todo:
- Escritas CJK (chinês, japonês, coreano). Esses idiomas muitas vezes não usam espaços entre as palavras, as regras de quebra de linha são totalmente diferentes, e cada caractere ocupa uma célula aproximadamente quadrada e de largura fixa. Uma coluna que parece equilibrada com Lorem Ipsum pode quebrar de forma completamente diferente — e com outra contagem de linhas — quando preenchida com chinês. A densidade de caracteres por linha não tem nada a ver com a do latim.
- Escritas RTL (árabe, hebraico). Elas se leem da direita para a esquerda, o que inverte toda a direção de leitura, o alinhamento e a posição dos controles de interface. O Lorem Ipsum não dá nenhum sinal sobre se o seu layout espelha corretamente. Você tem de testar com texto de amostra RTL de verdade.
- Alemão e outros idiomas ricos em palavras compostas. O alemão constrói substantivos compostos longos (Geschwindigkeitsbegrenzung, Rechtsschutzversicherung) que não quebram do jeito que as palavrinhas bem comportadas de 5 a 8 letras do Lorem quebram. Uma coluna estreita que acomoda o Lorem Ipsum confortavelmente pode transbordar ou forçar uma hifenização feia no instante em que uma palavra alemã real cai nela.
A correção é simples: não confie no Lorem Ipsum para validar um layout localizado. Preencha cada idioma com texto de amostra naquela língua e confira a quebra, a contagem de linhas e o alinhamento dos controles de verdade. Quando você estiver dimensionando um espaço para um limite do mundo real — uma meta description, um tweet, um SMS —, ajuste-se ao orçamento real de caracteres; nosso guia de limites de caracteres por plataforma apresenta os números, e o Contador de Palavras permite confirmar que uma amostra fica dentro da faixa antes de você projetar em torno dela.
É também aqui que a distinção entre byte e caractere morde.
Erros comuns e quando NÃO usar Lorem Ipsum
O Lorem Ipsum é uma ferramenta de desenvolvimento, não um material para publicar. A maior parte dos problemas vem de esquecer essa linha. Aqui estão as falhas contra as quais vale a pena se proteger.
Publicá-lo em produção. Esse é o grande. Uma página ativa e indexável ainda com Lorem Ipsum não tem conteúdo real para ranquear, parece quebrada para qualquer visitante que a encontre e pode ser sinalizada como rasa ou inacabada. Quase nunca acontece de propósito — é um template de homologação que foi ao ar, um rodapé esquecido, um padrão do CMS que ninguém substituiu. A defesa é mecânica: antes de cada deploy, busque em todo o projeto (sem diferenciar maiúsculas de minúsculas) por lorem ipsum e confirme zero ocorrências. Coloque isso no seu checklist de pré-lançamento, ao lado da verificação de links quebrados.
Esquecer a acessibilidade. Um leitor de tela não pula o Lorem Ipsum — ele lê o latim embaralhado em voz alta, palavra por palavra, para quem o estiver usando. Isso é confuso em uma demonstração e genuinamente hostil se o preenchimento chegar à produção. Se você estiver mostrando o trabalho a um stakeholder que usa tecnologia assistiva, um preenchimento real ou temático-porém-legível é mais gentil do que um paredão de latim.
Descasar a quantidade do espaço. Preencher um título de uma linha com três parágrafos, ou o corpo de um artigo longo com uma única frase, testa o layout no comprimento errado. Fica bom no mockup e quebra quando o conteúdo real chega. Ajuste a unidade e a quantidade ao que o espaço realmente vai comportar — seis palavras para um título, não sessenta.
Presumir que bytes sempre equivalem a caracteres. O Lorem Ipsum clássico é ASCII puro, então um caractere é exatamente um byte, e fica fácil começar a acreditar que essa é uma regra universal. Não é. Troque por uma letra acentuada, um emoji ou qualquer escrita não latina e um único caractere pode ter dois, três ou quatro bytes. Uma coluna de bytes varchar(255) que comporta confortavelmente 255 caracteres ASCII de Lorem transborda quando um usuário real digita 255 caracteres de café 北京 😀. Teste limites de bytes com o conjunto de caracteres que o campo realmente vai armazenar — o guia de limites de caracteres por plataforma detalha exatamente onde isso derruba as pessoas. (O mesmo cuidado entre byte e caractere aparece quando você sanitiza identificadores; o guia de convenções de nomenclatura cobre o terreno relacionado a chaves e slugs.)
Tratar o texto gerado como um ativo salvo. A maioria dos geradores não armazena nada — recarregue a página e a saída some. Se você precisar de um bloco específico de novo, copie-o ou baixe-o. Para fixtures de teste reaproveitáveis, salve a saída JSON no seu repositório, de modo que o preenchimento fique sob controle de versão junto aos testes que dependem dele, em vez de ser gerado novamente (e de forma diferente) a cada execução.
Perguntas frequentes
O que significa Lorem Ipsum?
Lorem Ipsum não significa nada, intencionalmente — é latim embaralhado e corrompido, sem nenhum sentido coerente. Deriva de uma passagem de Cícero sobre dor e prazer, mas as palavras foram cortadas, reordenadas e alteradas até deixarem de formar um latim legível. A primeira palavra, lorem, é um fragmento de dolorem (“dor”) com a sílaba inicial removida.
Lorem Ipsum é latim de verdade?
Não. Ele é baseado em latim real — uma passagem do De Finibus Bonorum et Malorum de Cícero —, mas foi deliberadamente deturpado. As palavras são truncadas, rearranjadas, descartadas e inventadas, então ele soa como um nonsense com sabor de latim em vez de um texto traduzível. Lorem em si não é uma palavra latina de verdade.
De onde veio o Lorem Ipsum?
O Lorem Ipsum vem de um texto de 45 a.C. de Cícero, o De Finibus Bonorum et Malorum. Entrou no design pela empresa Letraset, que o imprimia em folhas de letras de decalque a seco nos anos 1960, e se popularizou nos anos 1980, quando a Aldus o incluiu como texto de amostra no PageMaker, o primeiro aplicativo de editoração eletrônica.
Por que designers usam Lorem Ipsum em vez de texto real?
Designers usam Lorem Ipsum para que os revisores avaliem o layout, a tipografia e o espaçamento em vez de ler e editar o conteúdo. Seus comprimentos realistas de palavras e frases fazem com que ele quebre linha como prosa de verdade, diferente de texto texto texto ou asdf, mantendo-se sem sentido o bastante para que ninguém tenha vontade de realmente lê-lo.
Como gero Lorem Ipsum no VS Code ou no Word?
No VS Code, digite a abreviação Emmet lorem (ou lorem30 para uma contagem exata de palavras) em um arquivo HTML e pressione Tab. No Word, digite =lorem() em uma linha em branco e pressione Enter, ou =lorem(3,5) para 3 parágrafos de 5 frases cada. Os dois funcionam offline e sem plugins.
Quais são as melhores alternativas ao Lorem Ipsum?
As principais alternativas são os geradores temáticos (Bacon, Hipster, Cat Ipsum) para revisões informais, os fakers de dados reais como @faker-js/faker ou Mockaroo quando você precisa de registros falsos estruturados em vez de prosa, e o próprio conteúdo real quando você quer fazer um teste de estresse para ver como o comprimento e o tom reais se comportam no layout.
Deixar Lorem Ipsum em uma página ativa é ruim para o SEO?
Sim. Uma página ativa e indexável cheia de Lorem Ipsum não tem conteúdo real para ranquear e pode ser tratada como rasa ou inacabada, desperdiçando o orçamento de rastreamento e confundindo os visitantes. Não há penalidade direta pelo latim em si, mas a página não consegue ter desempenho. Busque por lorem ipsum no seu projeto antes de cada deploy.
O Lorem Ipsum funciona para layouts que não sejam em inglês ou para CJK?
Não de forma confiável. O Lorem Ipsum só aproxima idiomas da Europa Ocidental. As escritas CJK quebram e espaçam de forma completamente diferente, idiomas RTL como o árabe invertem toda a direção, e os compostos do alemão transbordam colunas estreitas. Valide layouts localizados com texto de amostra real no idioma de destino, não com Lorem.
Para finalizar
O Lorem Ipsum é uma passagem de Cícero de 2.000 anos com o significado retirado, mantida viva pela Letraset e pelo PageMaker e agora incorporada a toda ferramenta de design em que você toca. Ele conquista seu lugar porque parece língua sem ser língua — perfeito para avaliar um layout, inútil como conteúdo para publicar. Recorra a ele para esboçar a estrutura, gere-o onde quer que você esteja trabalhando e depois substitua-o por conteúdo real e correto para cada idioma antes que qualquer coisa vá ao ar. Quando você precisar de um bloco agora mesmo, o Gerador de Lorem Ipsum tem um esperando.