Lorem Ipsum-generator

Vad är Lorem ipsum?

Lorem ipsum är förvrängd, latinliknande utfyllnadstext som kommer från "de Finibus Bonorum et Malorum" (Om det högsta goda och onda), ett verk av den romerske filosofen och statsmannen Marcus Tullius Cicero från år 45 f.Kr. Stycket kommer från bok I, avsnitt 32 och 33, som börjar med "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet...". Den förvrängda och meningslösa versionen spreds inom boktryckarkonsten redan på 1500-talet och har sedan dess varit standardtexten för utfyllnad inom grafisk design och förlagsbranschen.

Eftersom lorem ipsum inte betyder något på något modernt språk kan designers och utvecklare fylla layouter med den utan att innehållet drar uppmärksamheten från den visuella formen. En kund som tittar på en skiss med riktig text börjar oundvikligen läsa och kommentera orden i stället för typografin och layouten, och det förhindrar lorem ipsum.

Så använder du generatorn

Välj enhet, stycken, meningar eller ord, och ange antalet du behöver. För det mesta designarbete räcker 3–5 stycken för att fylla en vanlig sida. För att testa enskilda komponenter, som kort, knappar med beskrivning eller kundomdömen, räcker oftast 1–2 meningar. För fält med teckenbegränsning, som förhandsvisningstexter och bildtexter, ger alternativet ord exakt rätt mängd.

Valet "Börja med Lorem ipsum dolor sit amet" behåller den klassiska inledningen som designers och kunder direkt känner igen som utfyllnadstext. Avmarkera det om du vill ha helt slumpmässig text som inte börjar med den välkända frasen.

När designers använder Lorem ipsum

Lorem ipsum passar i designens tidiga skeden, som trådmodeller, layoutskisser och presentationer för kunder, när den riktiga texten ännu inte är skriven. Den passar medvetet inte för användartester, eftersom testpersonerna behöver realistiskt innehåll. Använd riktigt eller realistiskt innehåll i användartester i stället för utfyllnadstext.

En del designers förespråkar att lorem ipsum ersätts med innehåll som liknar det riktiga, alltså verkliga ord med samma längd och struktur som den slutliga texten. De menar att typsnitt och layout ser annorlunda ut med latinskt nonsens än med riktig text på rätt språk. För svensk layout kan det vara värt att tänka på, eftersom långa sammansatta ord påverkar avstavning och radlängd. För snabba skisser och visuella genomgångar är lorem ipsum ändå den snabbaste och mest allmänt förstådda lösningen.

Andra sorters utfyllnadstext

Även om lorem ipsum är den mest kända utfyllnadstexten använder designers ibland andra alternativ. Text på riktigt språk är verkligt innehåll från ett annat sammanhang, till exempel ett annat projekt, uppslagsverksartiklar eller fria böcker, och ger en mer realistisk bild av hur det slutliga innehållet kommer att se ut. Upprepade fraser som "Innehåll här" eller "Din text här" gör det tydligt att texten är tillfällig, och de föredras ibland när skisser visas för personer som inte känner till lorem ipsum. Branschanpassad utfyllnad använder ord som passar ämnet: i en skiss av en vårdapp ser vårdterminologi mer realistisk ut än klassisk latin.

Vanliga frågor

Är lorem ipsum riktig latin?

Den kommer från latin men har förvrängts så att den varken är grammatiskt korrekt eller meningsfull klassisk latin. Ciceros ursprungliga text har bearbetats: ord har flyttats, ändrats eller tagits bort, och resultatet är en latinliknande text som inte betyder något. Det är just poängen, eftersom läsaren då inte fastnar i orden utan ser på den visuella formen.

Kan jag använda lorem ipsum i en färdig webbplats?

Nej. Lorem ipsum är bara till för design och utveckling. Den ska alltid ersättas med riktigt, granskat och godkänt innehåll innan en webbplats eller ett dokument publiceras. Lorem ipsum som blivit kvar på en publicerad webbplats anses oprofessionellt och tyder ofta på att innehållsarbetet inte är samordnat med design och utveckling.

Hur många stycken behöver en vanlig webbsida?

En vanlig innehållssida med sidhuvud, brödtext och sidofält kan behöva 4–6 stycken brödtext. En layout för blogginlägg kan använda 8–12 stycken för att testa hur designen hanterar lång text och om citat, bilder och knappar behåller rätt avstånd. Landningssidor behöver oftast bara 2–3 stycken mellan de visuella avsnitten.

Vad gör jag om jag behöver utfyllnadstext på ett annat språk?

Många generatorer erbjuder varianter på andra språk eller skriftsystem för skisser som riktar sig till icke-engelskspråkiga användare. Det är användbart för att testa hur layouten hanterar tecken med diakritiska tecken (som å, ä och ö), språk som skrivs från höger till vänster (arabiska, hebreiska) eller breda tecken (kinesiska, japanska, koreanska) innan det riktiga innehållet är skrivet.

Lorem ipsum i modern webbutveckling

I moderna arbetsflöden skapas lorem ipsum ofta direkt i verktyg som Figma med tillägg eller med tillägg till VS Code, eller så är den inbyggd i komponentbibliotek och designsystem. När utvecklare bygger komponenter i React eller Vue fyller de ofta fält för beskrivning, rubrik och brödtext med lorem ipsum, så att komponenterna kan bedömas visuellt utan att man väntar på det riktiga innehållet. Den här generatorn ger samma bekvämlighet utan extra program: öppna verktyget, skapa text och klistra in.