Designa story- och inläggsmallar som folk kan läsa

Därför är en mall värd tiden

En mall är en layout som du designar en gång och fyller många gånger: samma platser för rubriken, fotot och det finstilta, med nya ord och bilder varje gång. Den sparar dig från att börja med en tom arbetsyta varje vecka, och den gör dina stories och inlägg igenkännbara innan någon läser namnet högst upp.

En mall hjälper dock bara om själva layouten är bra. En vacker design som lägger rubriken under Instagrams svarsfält, eller vit text på ett blekt foto, upprepar det misstaget i varje story du gör med den. Den här artikeln handlar om att få layouten rätt: var text är säker, hur stor den ska vara, hur mycket du ska ha och hur du håller ett set enhetligt. De exakta pixelstorlekarna för varje format finns i vår guide till Instagram-storlekar; här använder vi dem bara.

Storymallar och inläggsmallar är olika jobb

Båda är bilder med text på, men de ses på mycket olika sätt, och en layout som fungerar för den ena misslyckas ofta för den andra.

En storymall bör alltså vara tydlig och kort, med budskapet mitt på skärmen. En inläggsmall kan rymma lite mer, men den måste klara av att krympas till en liten kvadrat i profilrutnätet, vilket tas upp i vår artikel om att planera ett rutnät som beskärs bra.

Säkra zoner på en story på 1080 × 1920

Instagram ritar sitt eget gränssnitt över varje story: förloppsindikatorn, din profilbild och ditt namn högst upp och svarsfältet längst ned. Text som placeras där blir delvis dold. Instagram publicerar inga säkra marginaler för organiska stories, men Meta gör det för storyannonser: lämna ungefär 14 % av överkanten, 35 % av nederkanten och 6 % på varje sida fria från text, logotyper och andra viktiga element (Meta Ads Guide (öppnas i en ny flik), kontrollerat i november 2026).

På en story på 1080 × 1920 blir det ungefär 269 pixlar upptill, 672 pixlar nedtill och 65 pixlar på varje sida, vilket lämnar en säker ruta från 65 till 1 015 pixlar på tvären och från 269 till 1 248 pixlar nedåt. Annonser behöver den stora marginalen nedtill på grund av sin knapp för uppmaning. Organiska stories har mindre på skärmen, så våra egna storymallar använder en lösare regel: viktig text stannar mellan 250 och 1 600 pixlar från överkanten, vilket håller de understa 320 pixlarna fria för svarsfältet.

• För organiska stories: håll rubriken och nyckeltexten mellan ungefär 250 och 1 600 pixlar från överkanten, och minst 65 pixlar från sidorna.
• För storyannonser: använd Metas strängare ruta, 269 till 1 248 pixlar från överkanten.
• Hur som helst: bakgrundsfoton och färger kan fylla hela bilden; bara text, logotyper och ansikten behöver hållas innanför.

Text som går att läsa på några sekunder

De flesta problem med mallar är textproblem. Tre saker avgör om en story läses eller hoppas över: hur mycket text det finns, hur stor den är och hur väl den sticker ut mot bakgrunden.

Hur mycket

En rubrik och en stödjande rad räcker för de flesta stories. Som tumregel, håll dig under ungefär 20 ord per story; om du behöver mer, dela budskapet på två eller tre stories eller flytta det till ett inlägg. Lägg detaljer som priser, datum och länkar i bildtexten, ett klistermärke eller nästa bild.

Hur stor

En story som är 1080 pixlar bred krymps till telefonens bredd. På en telefon som är cirka 390 punkter bred visas allt i ungefär en tredjedel av sin pixelstorlek. Vår tumregel utifrån den räkningen: brödtext minst 44 pixlar hög på arbetsytan, vilket blir cirka 16 punkter på skärmen, storleken på vanlig apptext, och rubriker på 90 pixlar eller mer. Mycket tunna typsnitt behöver vara ännu större.

Hur tydlig

Webbtillgänglighetsstandarden WCAG kräver ett kontrastförhållande på minst 4,5:1 för normal text och 3:1 för stor text (W3C (öppnas i en ny flik), kontrollerat i november 2026). Instagram kräver det inte, men det är ett användbart mål, eftersom stories läses utomhus, med låg ljusstyrka och av personer med sämre syn. Text över ett foto når sällan dit av sig själv. Tre knep fungerar bra:

• En enfärgad eller halvtransparent ruta bakom texten, i en färg från din palett.
• Ett mörkare eller suddigt område av fotot där texten ligger.
• En delad layout: foto i en del av bilden, text på en enkel färg i den andra.

Lämna plats för Instagrams klistermärken

Frågerutor, omröstningar, nedräkningar, länkklistermärken och omnämnanden läggs till i Instagram-appen efter att du laddat upp bilden; en bild som gjorts i vilken redigerare som helst, vår inräknad, kan inte innehålla ett fungerande klistermärke. En bra interaktiv mall har därför ett planerat tomt område, oftast i mellersta tredjedelen, där klistermärket ska placeras, och en rubrik ovanför som talar om för folk vad de ska göra: ”Fråga mig vad som helst om surdeg”, ”Vilken ska vi göra härnäst?”

Våra storymallar innehåller designer byggda kring detta, som fråge- och omröstningsbakgrunder, en nedräkning, en story med länk i bion och ett veckoschema. När du designar egna, placera en grov rektangel där klistermärket ska sitta medan du arbetar, så att inget viktigt hamnar under det.

Ett enhetligt set som inte ser enformigt ut

Enhetlighet kommer av några fasta beslut; variation kommer av allt annat. Bestäm de fasta delarna en gång och skriv ner dem:

1. Två eller tre färger plus en neutral. Fler än så och ett set slutar se ut som ett set.
2. Högst två typsnitt: ett för rubriker, ett för brödtext. Våra mallredigerare erbjuder 14 färdiga typsnittspar, så du behöver inte testa kombinationer själv.
3. En plats för återkommande element. Logotyp, användarnamn eller serienamn alltid i samma hörn, i samma storlek.
4. Ett litet antal layouter. Tre till fem layouter, till exempel citat, tips, meddelande, fråga och produkt, täcker de flesta veckor.

Inom den ramen byter du foto, bakgrundens huvudfärg och orden. Följare känner igen serien och ser ändå något nytt varje gång.

Utvidga samma system till resten av din profil. Karusellomslag, mittbilder och sista bilder från våra inläggsmallar kan dela paletten med dina stories, och omslag för höjdpunkter som gjorts med verktyget för omslag till höjdpunkter i samma färger knyter ihop de stories du behåller med profilen. Vår artikel om att designa omslag för höjdpunkter visar hur du planerar det setet.

En checklista innan du publicerar

• Öppna den exporterade bilden på din telefon, i helskärm, med normal ljusstyrka, och läs den på under tre sekunder.
• Inget viktigt i de översta 250 eller understa 320 pixlarna av en story, eller nära kanterna på ett inlägg.
• Brödtext minst ungefär 44 pixlar hög, med en ruta eller ett mörkt område bakom när den ligger på ett foto.
• Ett budskap per story; detaljer i bildtexten, ett klistermärke eller nästa bild.
• Stavning, datum, priser och användarnamn kontrollerade två gånger, eftersom en publicerad story inte kan redigeras.
• För inlägg i flödet: skriv alternativ text. Text inuti en bild läses inte upp av skärmläsare, och Instagram låter dig ersätta fotots automatiska alternativa text före eller efter publiceringen (Instagrams hjälpcenter (öppnas i en ny flik), kontrollerat i november 2026).

Om fotot du vill använda har fel form, passa in det i bilden med en kant eller suddig bakgrund i stället för att beskära bort motivet; vår guide om att lägga upp ett helt foto utan beskärning visar tre sätt. Varje story- och inläggsdesign vi erbjuder finns också samlad i mallgalleriet.

Frågor om malldesign