Gerador de lorem ipsum

O que é lorem ipsum

Lorem ipsum é o texto de preenchimento que designers, desenvolvedores e editoras usam há décadas para ocupar um layout antes de o texto real ficar pronto. Ele começa com a conhecida frase “Lorem ipsum dolor sit amet, consectetur adipiscing elit.” As palavras vêm de um texto em latim de Cícero, mas foram picotadas e reorganizadas, então parecem linguagem natural sem dizer nada.

É justamente essa a ideia. Texto real distrai. Se um cliente vê uma página ainda em construção cheia de frases reais, ele começa a corrigir as palavras em vez de avaliar o layout. O texto de preenchimento mantém a atenção nas fontes, no tamanho das linhas, no espaçamento e no fluxo da página.

Como usar o gerador

1. Em Gerar, escolha Parágrafos, Frases, Palavras ou Itens de lista.
2. Defina a Quantidade.
3. Decida se quer Começar com “Lorem ipsum”. Essa opção vem ligada por padrão.
4. Ligue Envolver em tags HTML se você vai colar em código.
5. Clique em Gerar novo texto para ter uma versão aleatória diferente.
6. Clique em Copiar ou Baixar para salvar.

O texto é atualizado assim que você muda uma opção. As contagens abaixo do resultado mostram o número de caracteres, palavras e linhas, o que ajuda quando você precisa preencher uma caixa de tamanho fixo.

O que cada opção produz

Parágrafos têm de quatro a sete frases cada e são separados por uma linha em branco, ou por tags <p> no modo HTML.

Frases têm entre seis e catorze palavras. As mais longas ganham uma vírgula perto do meio, para que o texto tenha um ritmo natural.

Palavras gera um número exato de palavras terminado em ponto final. Use para preencher um título, um botão ou um rótulo curto.

Itens de lista são expressões curtas de três a sete palavras. Em texto simples, cada uma começa com um hífen e um espaço. No modo HTML, elas viram uma lista <ul>.

Exemplos

Estes são os resultados que você vê com as configurações iniciais da página, antes de clicar em Gerar novo texto.

Com Envolver em tags HTML ligado, três itens de lista ficam assim:

<ul>
  <li>Lorem ipsum dolor sit amet</li>
  <li>Cillum sagittis pariatur occaecat ut velit</li>
  <li>Et occaecat adipiscing voluptate</li>
</ul>

Como funciona

O gerador sorteia palavras de uma lista de 100 palavras latinas e pseudolatinas usadas no lorem ipsum tradicional. Ele monta frases de tamanho aleatório, coloca maiúscula na primeira palavra e termina cada uma com ponto final. A aleatoriedade vem de um gerador de números com semente, então as mesmas configurações sempre dão o mesmo texto até você clicar em Gerar novo texto, que escolhe uma semente nova. Assim o texto não fica pulando enquanto você ajusta a Quantidade.

Quando Começar com “Lorem ipsum” está ligado, a primeira frase é sempre a abertura clássica, que a maioria das pessoas reconhece de cara como texto de preenchimento.

O lorem ipsum não tem acentos nem palavras longas como as do português. Se o seu layout vai receber texto em português, lembre que as palavras costumam ser mais compridas e que acentos e cedilhas ocupam espaço acima e abaixo da linha. Vale testar também com um parágrafo real antes de fechar o design.

Dicas para usar texto de preenchimento

• Use o tamanho real. Se as descrições de produto reais vão ter umas 50 palavras, gere 50 palavras, e não três parágrafos. Use as contagens abaixo do resultado para conferir.
• Teste conteúdos longos e curtos. Preencha um card com uma única frase e outro com três parágrafos para ver como o layout se comporta.
• Troque antes de publicar. Procure “lorem” nas suas páginas antes de colocar no ar. Texto de preenchimento esquecido em uma página publicada passa uma imagem de descuido e pode ser indexado pelos mecanismos de busca.
• Atenção aos testes de acessibilidade. Os leitores de tela vão tentar ler o lorem ipsum em voz alta. Use texto real nos testes com usuários.
• Precisa de uma frase repetida em vez de latim aleatório? A ferramenta de repetir texto copia qualquer texto quantas vezes você quiser.

Para conferir o tamanho do seu texto real quando ele chegar, cole no contador de frases. Para um resumo visual de um artigo pronto, experimente o gerador de nuvem de palavras.

Outras formas de conseguir lorem ipsum

Microsoft Word: digite =lorem() em uma linha nova e pressione Enter para inserir texto de preenchimento em latim. =lorem(3,5) gera três parágrafos de cinco frases. =rand() insere um texto de exemplo no idioma do Word.

Google Docs: não há comando próprio, então a maioria das pessoas cola o texto de um gerador como este.

Editores de código: no VS Code e em outros editores com Emmet, digite lorem e pressione Tab para gerar um parágrafo, ou lorem20 para vinte palavras.

Figma e outras ferramentas de design costumam ter uma opção ou um plugin de texto de preenchimento.