Lorem Ipsum
O Gerador de Lorem Ipsum produz texto de preenchimento no seu navegador. A passagem clássica é latim de verdade — um extrato corrompido de Cícero, escrito em 45 a.C. — o que lhe dá a textura certa de comprimento de palavras para um layout. Também é ASCII puro, e é por isso que existe um modo Unicode cujo propósito inteiro é quebrar um design que nunca encontrou um acento, um emoji ou um trecho da direita para a esquerda.
Como funciona o Lorem Ipsum?
Texto de preenchimento tem uma única função: parecer-se o bastante com conteúdo real para que o layout que você está testando se comporte como vai se comportar em produção. Duas coisas decorrem disso, e a maioria dos geradores acerta uma delas.
A passagem clássica é latim de verdade
“Lorem ipsum dolor sit amet” é um extrato corrompido do De finibus bonorum et malorum , de Cícero, escrito em 45 a.C., e é o texto fictício da indústria gráfica desde o século XVI. Essa história não é decorativa: o latim real tem comprimentos de palavra e frequências de letra próximos o bastante dos da prosa real para que um parágrafo dele ocupe aproximadamente o espaço que um parágrafo de inglês ocupará. Sílabas inventadas não têm, e uma coluna que parece certa preenchida com nonsense pode transbordar quando preenchida com conteúdo.
Latim é ASCII, e esse é o problema
Um design testado apenas com lorem ipsum nunca encontrou um caractere acentuado que deixe uma linha mais alta, um sinal diacrítico que se empilhe acima da altura das maiúsculas, um emoji com modificador de tom de pele que não deve ser dividido, um substantivo composto alemão longo demais para quebrar a linha, um trecho da direita para a esquerda que se reordene em volta da pontuação, ou texto CJK que não quebra em espaços. Cada um desses quebra layouts reais, e nenhum deles aparece no latim. O modo Unicode existe para produzir exatamente esse material, para que a quebra aconteça no seu editor em vez de depois do lançamento.
O modo em inglês serve para revisões
O argumento padrão a favor do latim é que ele impede as pessoas de ler o texto de preenchimento e comentar a redação. O contra-argumento é que ele também as impede de notar que o design não comporta um título realista. Palavras simples em inglês, com comprimentos de frase realistas, dão a você uma página que um revisor consegue julgar, ao custo do ocasional “o que essa frase quer dizer?”
Determinístico, então mexer em uma opção mostra o que mudou
O gerador trabalha com seed em vez de usar Math.random. Com saída aleatória, mudar a contagem de parágrafos re-rola todas as palavras e você não consegue ver o que a sua mudança fez. Aqui, as mesmas opções e a mesma seed sempre produzem o mesmo texto, e o botão de reroll é explícito — o que também significa que o texto de preenchimento que você puser em uma fixture permanece estável entre execuções.
Os comprimentos de frase variam em torno da média em vez de igualá-la, porque um parágrafo de frases do mesmo comprimento lê-se como um bloco e não exercita a quebra de linha como a prosa real faz.
Opções
3 paragraphs, Latin, starting with the canonical opening
Saída
Lorem ipsum dolor sit amet, consectetur adipiscing elit quidem laudantium, natus recusandae provident…
Quais opções e casos-limite o Lorem Ipsum suporta?
| Parâmetro | Tipo | Padrão | Comportamento e casos-limite |
|---|---|---|---|
| Latim | variante | clássico | O vocabulário genuíno do trecho de Cícero. Textura com comprimento de palavra adequado, apenas ASCII e ilegível o suficiente para que ninguém revise o texto. |
| Inglês | variante | — | Palavras comuns em inglês. Legível, o que pode ser o ponto ou o problema, dependendo de quem está olhando o mockup. |
| Unicode | variante | — | Acentos, marcas de combinação, CJK, execuções da direita para a esquerda, emoji com modificadores, palavras longas sem quebras e caracteres parecidos. Projetado para falhar, cedo. |
| Hipster | variante | — | Nonsense com formato de inglês. Útil quando um cliente continua lendo o placeholder e perguntando sobre ele. |
| Unidade | parágrafos / frases / palavras / lista | parágrafos | Words dá exatamente a quantidade solicitada, o que é importante quando você está testando um limite de truncamento. |
| Comprimento das frases | palavras | 12 | Uma média, não um alvo. Os comprimentos variam em torno dela, porque frases uniformes não testam a quebra de linha como o prosa faz. |
| Começar com Lorem | booleano | on | Começa com a abertura canônica, que é o que torna o texto placeholder reconhecível como tal à primeira vista. |
| HTML | booleano | off | Envolve parágrafos em <p> ou itens de lista em <ul><li>, pronto para colar em marcação. |
| Semente | inteiro | 1 | Saída determinística: as mesmas opções e semente sempre dão o mesmo texto, então mudar uma opção mostra o que aquela opção fez. |
Perguntas frequentes
Lorem ipsum é latim de verdade?
Sim, corrompido. Vem do De finibus bonorum et malorum de Cícero, seção 1.10.32, escrito em 45 a.C. — a passagem original começa com "Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet". Um impressor do século XVI embaralhou-o em texto fictício, e ele está em uso desde então. As palavras são reais; o texto não significa nada.
Por que existe um modo Unicode?
Porque o latim é ASCII puro, então um layout testado apenas com lorem ipsum nunca encontrou um sinal diacrítico que deixe uma linha mais alta, um emoji com modificador de tom de pele que não deve ser dividido, um substantivo composto alemão longo demais para quebrar a linha, ou um trecho da direita para a esquerda que se reordena em volta da pontuação. Tudo isso quebra designs reais. O modo Unicode coloca esse material na sua frente enquanto o design ainda está em um editor.
Devo usar texto de preenchimento em latim ou em inglês?
Latim quando você quer que as pessoas olhem o layout e não as palavras — wireframes iniciais, decisões de espaçamento. Inglês quando você quer um julgamento realista sobre se o design comporta conteúdo de verdade, que é quando fica visível um título que acaba quatro palavras mais longo do que o mockup supunha. Nenhum dos dois substitui colocar o texto real antes de você publicar.
Por que as mesmas opções sempre me dão o mesmo texto?
Porque o gerador trabalha com seed, não é aleatório. Com saída aleatória, mudar a contagem de parágrafos re-rola todas as palavras e você não consegue saber o que a sua mudança fez. Pressione reroll para um texto diferente. Isso também significa que o texto de preenchimento que você colar em uma fixture de teste permanece estável, então um teste de snapshot não falha a cada execução.
Texto de preenchimento prejudica o SEO se for publicado?
Sim, mas não do jeito que as pessoas temem. O Google não tem uma penalidade de lorem ipsum; o que acontece é pior e mais sem graça — a página é indexada sem conteúdo significativo, não se posiciona para nada e pode ser classificada como rasa. O risco real é que ela seja publicada: procure "lorem ipsum" no seu próprio domínio antes de cada release.
Algo é enviado?
Não. As listas de palavras e o gerador estão na página; nada é solicitado e nada é enviado. Neste aqui, genuinamente não importa — texto de preenchimento não é sensível — mas a mesma regra vale para todas as ferramentas daqui, e uma exceção seria mais difícil de explicar do que a consistência.