O que é Lorem Ipsum e de onde ele vem

Lorem ipsum em resumo

O trecho padrão começa com Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Parece latim, e a maioria das palavras é latim mesmo, mas nessa forma não quer dizer nada. A ideia é exatamente essa: o olho do leitor vê um texto com forma e tamanho realistas sem ser puxado para a leitura.

Esse tipo de texto também é chamado de texto fictício, texto de preenchimento, texto dummy ou greeking. Ele aparece em mockups de sites, protótipos de apps, layouts para impressão, modelos de apresentação, demonstrações de temas e em qualquer lugar onde o design fica pronto antes do conteúdo.

De onde ele vem

O texto vem de De finibus bonorum et malorum (Dos limites do bem e do mal), uma obra filosófica que Cícero escreveu em 45 a.C. O trecho original, no Livro 1, seções 32 e 33, traz as palavras Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, que querem dizer mais ou menos: nem há alguém que ame a própria dor porque ela é dor.

A versão conhecida corta e rearruma esse trecho. Lorem é o final da palavra dolorem, partida em uma quebra de linha ou de página, e muitas palavras foram retiradas, embaralhadas ou alteradas com o tempo. A ligação com Cícero foi descoberta nos anos 1980 por Richard McClintock, um estudioso de latim do Hampden-Sydney College, na Virgínia.

É comum ler que os tipógrafos usam lorem ipsum desde o século 16. Essa afirmação é muito repetida, mas mal documentada. O que está documentado é a sua difusão nos anos 1960 pelas folhas de letras transferíveis Letraset, que traziam o texto para trabalhos de diagramação, e nos anos 1980 pelos programas de editoração eletrônica como o Aldus PageMaker, que vinha com ele nos modelos.

Por que designers usam texto de preenchimento

• Ele mostra como o texto real vai se comportar: comprimento das linhas, forma dos parágrafos, o recorte irregular da margem direita e como títulos e corpo de texto funcionam juntos.
• Ele mantém a revisão focada no layout. Quando um mockup tem frases reais, as pessoas começam a editar o texto em vez de avaliar o design.
• Ele está pronto na hora. Designers conseguem montar páginas antes de redatores, tradutores ou clientes entregarem o conteúdo.
• Ele é neutro. Ninguém confunde com o texto final, desde que fique claro que não está em português nem no idioma do site.

Quanto lorem ipsum gerar

Use mais ou menos a quantidade de texto que a página final vai ter. Um layout testado com duas linhas de preenchimento, quando a descrição real do produto tem oito, quebra no momento em que o conteúdo chega. Pergunte ao responsável pelo conteúdo os tamanhos esperados, ou use valores típicos como estes:

• O gerador acima cria até 200 parágrafos ou frases, ou até 5000 palavras de uma vez, e mostra a contagem de palavras e caracteres embaixo do resultado.
• Teste os dois extremos: o texto mais curto e o mais longo que um campo pode receber, como um nome de produto de uma palavra e outro de 70 caracteres.

Outros jeitos rápidos de conseguir texto de preenchimento

O Microsoft Word tem um atalho embutido: digite =lorem() no começo de um parágrafo vazio e aperte Enter para inserir parágrafos de lorem ipsum. =lorem(3,5) gera três parágrafos de cinco frases cada, e =rand() insere o texto de exemplo do próprio Word em vez do latim.

Ferramentas de design como o Figma e muitos editores de código oferecem lorem ipsum por plugins ou snippets. Para modelos HTML, a opção Tags HTML do gerador acima coloca cada parágrafo em um elemento p, então você pode colar direto na página.

Texto de preenchimento em outros idiomas

O preenchimento em latim é um bom padrão neutro, mas esconde problemas que os idiomas reais trazem. As palavras em alemão são bem mais longas, então estouram botões e colunas estreitas. Português, francês e espanhol usam acentos como é, ç, ã e ñ, que precisam de espaço acima e abaixo da linha e têm de existir na sua fonte. O turco acrescenta letras como ğ, ş e İ.

Por isso a lista Idioma da ferramenta oferece texto de preenchimento em inglês, espanhol, alemão, francês, português, italiano e turco, além do latim clássico. Essas opções usam palavras do dia a dia de cada idioma, então o seu layout é testado com tamanhos de palavra e letras realistas. Para um site em português, gerar o texto em português mostra logo se os acentos e as palavras longas como responsabilidade cabem nos botões. Para escritas da direita para a esquerda ou idiomas asiáticos, teste com texto real de exemplo, porque a quebra de linha e a fonte substituta se comportam de outro jeito.

Geradores divertidos que misturam palavras temáticas (comida, startups, piratas) podem ser engraçados em demonstrações internas, mas fazem as pessoas lerem o texto, o que derruba o propósito em revisões com clientes.

Os riscos de publicar lorem ipsum

Texto de preenchimento que chega a um site no ar passa impressão de descuido, e isso acontece mais do que se imagina: uma busca por lorem ipsum dolor sit amet traz muitas páginas publicadas. Em uma página no ar ele também conta como conteúdo fraco ou sem sentido para os buscadores, é lido em voz alta pelos leitores de tela e confunde visitantes que usam ferramentas de tradução.

Evite isso com uma rotina simples antes de publicar: procure as palavras lorem e ipsum no site, no sistema de gerenciamento de conteúdo e no código, confira modelos, telas vazias e mensagens de erro, e olhe as meta descriptions e os textos alternativos das imagens, que são fáceis de esquecer.

Jeitos melhores de trabalhar com texto de preenchimento

• Use o conteúdo real o quanto antes. Mesmo um rascunho do texto de verdade revela problemas de layout que o preenchimento esconde.
• Use preenchimento no idioma do site quando ele não for em inglês ou latim, para o tamanho das palavras e os acentos serem realistas.
• Acerte o tamanho esperado do texto, não só a presença dele.
• Marque claramente os textos provisórios em documentos para clientes, para ninguém aprovar uma página sem o texto real.
• Mantenha na lista de verificação de lançamento um item que procura lorem ipsum em todo lugar.