# Textlayout för inlägg i sociala medier: rubrik, detalj, uppmaning

[Canonical HTML page](https://gradiently.design/sv/guide/text-hierarchy-social)

De flesta inlägg som känns röriga har rätt ord i fel ordning och fel storlekar. Tre nivåer, några placeringsregler och en telefon på armlängds avstånd löser nästan alla.

## The short version

- En tydlig textlayout för inlägg i sociala medier har tre nivåer: en rubrik, en detaljrad och en uppmaning.
- På ett inlägg som är 1080 pixlar brett läses en rubrik på 90 till 140 px, en detaljrad på 48 till 64 px och en uppmaning på ungefär 40 px bra på en telefon.
- Varje nivå ska vara tydligt mindre än den ovanför, ungefär hälften till två tredjedelar så stor, så att ordningen syns med en blick.
- Håll rubriken till ungefär åtta ord och placera den där ögat landar först, oftast i övre eller mittersta tredjedelen.
- Uppmaningen är den stillsammaste texten i inlägget, eftersom bildtexten och plattformens egna knappar redan inbjuder till nästa steg.

Den bästa **textlayouten för inlägg i sociala medier** använder tre nivåer och inte fler: en **rubrik** som säger det enda, en **detalj**rad som besvarar den uppenbara följdfrågan och en liten **uppmaning** som säger vad man ska göra härnäst. Varje nivå är tydligt mindre än den ovanför och sitter på en förutsägbar plats. Den som scrollar ger ett inlägg ett ögonblick, och tre nivåer är ungefär vad ett ögonblick rymmer.

## Exempel: rangordna orden i ett inlägg

En blomsterhandlare vill tillkännage beställningar inför mors dag. Första utkastet har allt i liknande storlek: butiksnamnet, ”Mors dag närmar sig”, ”Beställ buketter online nu”, ”Leverans finns i hela staden”, ”Beställ senast torsdag” och webbadressen. Sex rader som tävlar betyder att ingenting läses.

Rangordnat blir det: rubrik *Beställ senast torsdag.* (det folk måste agera på), detalj *Handbundna buketter, levererade på söndag* (vad och när), uppmaning *Länk i bion* (var). Butiksnamnet flyttar till en liten etikett eller försvinner, eftersom profilen redan visar det.

Ett blomsterinlägg där butiksnamn, ett tillkännagivande och flera detaljer alla tävlar i liknande storlekar

Före: varje rad kämpar om uppmärksamheten och sista beställningsdagen är begravd.

Samma blomsterinlägg med en stor rubrik som lyder Beställ senast torsdag och en mindre rad om leverans på söndag

Efter: en rubrik, en detaljrad och uppmaningen överlämnad åt bildtexten.

## Teckenstorlekar för rubrik, detalj och uppmaning

Storlekarna nedan gäller varje inlägg som är 1080 pixlar brett, vilket täcker Instagrams stående, kvadratiska och storyformat. Regeln under är mer användbar än siffrorna: varje nivå ska vara ungefär hälften till två tredjedelar så stor som den ovanför, annars kan ögat inte skilja dem åt.

| Nivå | Uppgift | Storlek vid 1080 px bredd | Längd |
| --- | --- | --- | --- |
| Överrubrik (valfri) | Sammanhang: en kategori, ett datum eller ett serienamn | 28 till 32 px, versaler, glesa | Ett till fyra ord |
| Rubrik | Det enda du vill att folk ska minnas | 90 till 140 px, fet eller halvfet | Upp till ungefär åtta ord |
| Detalj | Följdfrågan: när, var, hur mycket, för vem | 48 till 64 px, normal | En rad, högst två |
| Uppmaning | Nästa steg | 40 till 44 px, medium | Två till fyra ord |

Överrubriken är en bonus som fjärde nivå. Använd den för sammanhang, aldrig för en andra rubrik.

Tjocklek hjälper lika mycket som storlek. En fet rubrik och en normal detaljrad skiljs rent åt även när storlekarna ligger närmare varandra än du skulle vilja. Mer om storlekar för telefoner finns i [teckenstorlek för sociala medier](https://gradiently.design/sv/guide/font-size-for-social-media), och den allmänna teorin finns i [visuell hierarki](https://gradiently.design/sv/guide/visual-hierarchy).

## Var du placerar varje nivå

Folk läser ett inlägg som de läser en sida: uppifrån och ner, från radens början till slut. Så rubriken hamnar högt eller i mitten, detaljen direkt under och uppmaningen sist, nära botten. Håll de tre nära varandra som en grupp, att sprida dem till hörnen får ögat att leta.

- Stående inlägg 1080×1350: 1080 × 1350
- Kvadratiskt inlägg 1080×1080: 1080 × 1080
- Story 1080×1920: 1080 × 1920
- LinkedIn-inlägg 1200×1200: 1200 × 1200

Fyra vanliga format. På storyn håller du alla tre nivåerna mellan ungefär 250 px från överkanten och 250 px från nederkanten, där gränssnittet ligger.

- **Stående 1080×1350**: rubriken i övre tredjedelen eller centrerad, detaljen under, uppmaningen nära botten med en marginal på minst 80 px.
- **Kvadrat 1080×1080**: centrera gruppen eller justera den åt ena sidan. Profilrutnätet visar en beskuren förhandsvisning av varje inlägg, så håll rubriken fri från över- och nederkanten.
- **Story 1080×1920**: rubriken strax under den övre säkra linjen, uppmaningen ovanför svarsfältet. [Säkra zoner i sociala medier](https://gradiently.design/sv/guide/social-media-safe-zones) har kartan.
- **Första bilden i en karusell**: bara rubriken, plus en liten pil eller en ”Svep”-signal. Detaljerna hör hemma på bild två. [Design av Instagram-karuseller](https://gradiently.design/sv/guide/instagram-carousel-design) tar upp resten.

## Vanliga misstag i textlayout i sociala inlägg

### Undvik

- Rubrik och detalj i nästan samma storlek
- Varumärkesnamnet som den största texten
- En uppmaning som är högre än rubriken
- Text som trycks ut i hörn och kanter
- Fem eller fler rader brödtext på en bild
- Centrerade långa stycken

### Gör så här

- Ett tydligt steg ner i storlek mellan nivåerna
- Budskapet som den största texten, logotypen liten
- En stillsam uppmaning nära detaljen
- Generösa marginaler, runt 80 till 100 px
- Långt innehåll uppdelat på karusellbilder
- Vänsterjusterad text när den går över två rader

Uppmaningen förtjänar ett ord. På Instagram ligger bildtexten och knapparna för gilla, kommentera och dela precis under bilden, och ”länk i bion” förstås av alla. Så uppmaningen på själva bilden kan vara liten. Gör den hög bara när handlingen är hela poängen, till exempel ett slutdatum för en rea.

## Så lägger du ut text i ett socialt inlägg i fem steg

1. **Skriv ner allt och rangordna det** Sätt det enda först. Allt annat är antingen detaljen, uppmaningen eller bildtexten.
2. **Korta rubriken till åtta ord eller färre** Om den inte får plats i 90 px på tre rader är den för lång. Ett kraftigt [rubriktypsnitt](https://gradiently.design/sv/guide/headline-fonts) får en kort rad att slå hårdare.
3. **Ställ in storlekarna som trappsteg** Rubrik, sedan ungefär hälften för detaljen, sedan mindre igen för uppmaningen.
4. **Gruppera och placera** Stapla de tre nivåerna tillsammans med jämna avstånd, justerade mot en kant eller mitten.
5. **Testa i telefonstorlek** Zooma ut din yta tills inlägget är lika brett som en telefon på armlängds avstånd. Om ordningen inte är tydlig ökar du stegen.

Ett stående reainlägg med 40 % rabatt satt mycket stort, en liten överrubrik som lyder Bara i helgen och en detaljrad om ljus

När siffran är nyheten blir den rubriken och orden blir detaljen.

## Håll varje nivå läsbar på en rörig bakgrund

Hierarkin fungerar bara om alla tre nivåerna går att läsa. Rubriken är oftast okej eftersom den är stor, och det är detaljen och uppmaningen som tappar kontrast, särskilt över en gradient eller ett foto. Placera gruppen över den lugnaste ytan och kontrollera den minsta raden först. [Text på en gradient](https://gradiently.design/sv/guide/text-on-gradient) går in på teknikerna.

I Gradiently vet Marken bakom en design var orden finns. Dess lugnaste område flyttar sig bakom texten och Auto-bläck väljer ljus eller mörk text för varje rad, så en liten uppmaning förblir lika läsbar som rubriken. Ställ in hierarkin en gång och gör sedan en story- eller LinkedIn-version av samma design i stället för att bygga om den.

## FAQ

### Hur mycket text ska ett Instagram-inlägg ha?

En rubrik på upp till ungefär åtta ord och en detaljrad är idealiskt. Längre förklaringar hör hemma i bildtexten eller på extra karusellbilder.

### Hur stor ska en rubrik vara i ett inlägg i sociala medier?

På ett inlägg som är 1080 pixlar brett 90 till 140 px för rubriken, 48 till 64 px för en detaljrad och runt 40 px för en uppmaning.

### Var ska uppmaningen ligga i ett socialt inlägg?

Nära botten, intill detaljraden och inom den säkra ytan. På en story håller du den ovanför svarsfältet.

### Ska text i sociala inlägg vara centrerad eller vänsterjusterad?

Centrera korta rubriker på en till tre rader. Vänsterjustera allt längre, eftersom ojämna centrerade rader är svårare att läsa.