# Tekstoppsett for sosiale innlegg: overskrift, detalj og handling

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

De fleste rotete innlegg har riktige ord i feil rekkefølge og størrelser. Tre nivåer, noen plasseringsregler og en telefon på armlengdes avstand retter nesten alle.

## The short version

- Et tydelig tekstoppsett for sosiale innlegg har tre nivåer: overskrift, detaljlinje og handlingsoppfordring.
- På et 1080 piksler bredt innlegg leses overskrift på 90 til 140 px, detaljlinje på 48 til 64 px og handlingsoppfordring rundt 40 px godt på telefon.
- Hvert nivå bør være klart mindre enn det over, omtrent halvparten til to tredeler, så rekkefølgen er tydelig ved første øyekast.
- Hold overskriften til omtrent åtte ord og plasser den der øyet lander først, vanligvis øvre eller midtre tredel.
- Handlingsoppfordringen er den roligste teksten, fordi innleggsteksten og plattformens egne knapper allerede inviterer til neste steg.

Det beste **tekstoppsettet for sosiale innlegg** bruker tre nivåer og ikke flere: en **overskrift** som sier den ene tingen, en **detaljlinje** som svarer på det åpenbare oppfølgingsspørsmålet, og en liten **handlingsoppfordring** som sier hva man gjør videre. Hvert nivå er tydelig mindre enn det over og ligger på et forutsigbart sted. Noen som blar, gir innlegget et øyeblikk, og tre nivåer er omtrent det et øyeblikk rommer.

## Eksempel: ranger ordene i et innlegg

En blomsterbutikk vil annonsere morsdagsbestillinger. Første utkast har alt i omtrent samme størrelse: butikknavnet, «Morsdagen nærmer seg», «Bestill buketter på nett nå», «Levering i hele byen», «Bestill innen torsdag» og nettadressen. Seks konkurrerende linjer betyr at ingenting leses.

Rangert blir det: overskrift *Bestill innen torsdag.* (det folk må handle på), detalj *Håndbundne buketter, levert søndag* (hva og når), handlingsoppfordring *Lenke i bio* (hvor). Butikknavnet blir en liten etikett eller forsvinner, fordi profilen allerede viser det.

Et blomsterbutikkinnlegg der butikknavn, kunngjøring og flere detaljer konkurrerer i omtrent samme størrelse

Før: alle linjer konkurrerer om oppmerksomhet, og fristen er gjemt.

Samme blomsterbutikkinnlegg med stor overskrift Bestill innen torsdag og en mindre linje om søndagslevering

Etter: én overskrift, én detaljlinje og handlingsoppfordringen i innleggsteksten.

## Skriftstørrelser for overskrift, detalj og handling

Størrelsene gjelder innlegg på 1080 piksler bredde, som dekker Instagrams stående, kvadratiske og storyformater. Regelen under tallene er nyttigere: hvert nivå bør være omtrent halvparten til to tredeler av det over, ellers skiller ikke øyet dem.

| Nivå | Oppgave | Størrelse ved 1080 px bredde | Lengde |
| --- | --- | --- | --- |
| Overlinje (valgfri) | Kontekst: kategori, dato eller serienavn | 28 til 32 px, store bokstaver med avstand | Ett til fire ord |
| Overskrift | Det ene du vil skal huskes | 90 til 140 px, fet eller halvfet | Opptil omtrent åtte ord |
| Detalj | Oppfølgingen: når, hvor, pris, for hvem | 48 til 64 px, normal | Én linje, høyst to |
| Handlingsoppfordring | Neste steg | 40 til 44 px, medium | To til fire ord |

Overlinjen er et ekstra fjerde nivå. Bruk den til kontekst, aldri som en andre overskrift.

Vekt hjelper like mye som størrelse. Fet overskrift og normal detaljlinje skilles godt selv når størrelsene ligger tettere enn ønsket. Mer om telefonstørrelser finnes i [skriftstørrelse for sosiale medier](https://gradiently.design/nb/guide/font-size-for-social-media), og teorien i [visuelt hierarki](https://gradiently.design/nb/guide/visual-hierarchy).

## Hvor hvert nivå bør plasseres

Folk leser et innlegg som en side: ovenfra og ned, fra starten til slutten av linjen. Derfor står overskriften høyt eller i midten, detaljen rett under og handlingsoppfordringen sist, nær bunnen. Hold de tre nært som én gruppe. Spredd i hjørnene får de øyet til å lete.

- Stående innlegg 1080×1350: 1080 × 1350
- Kvadratisk innlegg 1080×1080: 1080 × 1080
- Story 1080×1920: 1080 × 1920
- LinkedIn-innlegg 1200×1200: 1200 × 1200

Fire vanlige formater. I storyen holder du alle nivåene mellom omtrent 250 px fra toppen og 250 px fra bunnen, der grensesnittet ligger.

- **Stående 1080×1350**: overskrift i øvre tredel eller sentrert, detalj under, handling nær bunnen med minst 80 px marg.
- **Kvadrat 1080×1080**: sentrer gruppen eller juster til én side. Profilrutenettet viser en beskåret forhåndsvisning, så hold overskriften unna topp- og bunnkant.
- **Story 1080×1920**: overskrift rett under øvre sikkerhetslinje, handling over svarfeltet. [Sikre soner i sosiale medier](https://gradiently.design/nb/guide/social-media-safe-zones) viser kartet.
- **Første karusellside**: bare overskrift, pluss liten pil eller «Sveip». Detaljer går på side to. [Instagram-karuselldesign](https://gradiently.design/nb/guide/instagram-carousel-design) dekker resten.

## Vanlige feil i tekstoppsett for sosiale innlegg

### Unngå

- Overskrift og detalj nesten like store
- Merkevarenavnet som største tekst
- Handlingsoppfordring kraftigere enn overskriften
- Tekst presset ut i hjørner og kanter
- Fem eller flere brødtekstlinjer på én side
- Sentrerte lange avsnitt

### Gjør

- Tydelig nedgang i størrelse mellom nivåer
- Budskapet som største tekst, liten logo
- Diskret handlingsoppfordring nær detaljen
- Romslige marger, rundt 80 til 100 px
- Langt innhold fordelt på karusellsider
- Venstrejustert tekst over to linjer

Handlingsoppfordringen fortjener et ord. På Instagram ligger innleggsteksten og knappene for liker, kommentar og deling rett under bildet, og alle forstår «lenke i bio». Derfor kan oppfordringen på selve bildet være liten. Gjør den kraftig bare når handlingen er hele poenget, som en salgsfrist.

## Sett opp tekst i fem steg

1. **Skriv alt ned og ranger det** Sett den ene tingen først. Alt annet er detalj, handlingsoppfordring eller innleggstekst.
2. **Kutt overskriften til åtte ord eller færre** Hvis den ikke får plass på tre linjer ved 90 px, er den for lang. En stødig [overskriftskrift](https://gradiently.design/nb/guide/headline-fonts) får en kort linje til å treffe hardere.
3. **Sett størrelsene som trinn** Overskrift, omtrent halvparten for detaljen, deretter enda mindre for handlingen.
4. **Grupper og plasser** Stable nivåene med konsekvent avstand, justert til én kant eller midten.
5. **Test i telefonstørrelse** Zoom ut til innlegget er like bredt som en telefon på armlengdes avstand. Er rekkefølgen uklar, øk størrelsesforskjellene.

Et stående salgsinnlegg med 40 % rabatt svært stort, liten overlinje Bare i helgen og en detaljlinje om lys

Når tallet er nyheten, blir det overskriften, og ordene blir detaljen.

## Hold alle nivåer lesbare på travel bakgrunn

Hierarki virker bare når alle tre nivåer kan leses. Overskriften går vanligvis fint fordi den er stor. Detaljen og handlingen er der kontrasten svikter, særlig på gradient eller foto. Plasser gruppen over det roligste området og sjekk minste linje først. [Tekst på en gradient](https://gradiently.design/nb/guide/text-on-gradient) dekker teknikkene.

I Gradiently vet Marken bak designet hvor ordene står. Dens roligste område flytter seg bak teksten, og Auto-tekstfarge velger lys eller mørk skrift for hver linje. En liten handlingsoppfordring er dermed like lesbar som overskriften. Sett hierarkiet én gang, og lag en story- eller LinkedIn-versjon fra samme design fremfor å bygge på nytt.

## FAQ

### Hvor mye tekst bør et Instagram-innlegg ha?

En overskrift på opptil omtrent åtte ord og én detaljlinje er ideelt. Lengre forklaringer hører hjemme i innleggsteksten eller på flere karusellsider.

### Hvilken skriftstørrelse bør en overskrift på sosiale medier ha?

På et 1080 piksler bredt innlegg: 90 til 140 px for overskriften, 48 til 64 px for detaljlinjen og rundt 40 px for handlingen.

### Hvor bør handlingsoppfordringen stå?

Nær bunnen, tett på detaljlinjen og innenfor det sikre området. I storyen holdes den over svarfeltet.

### Bør tekst i sosiale innlegg sentreres eller venstrejusteres?

Sentrer korte overskrifter på én til tre linjer. Venstrejuster lengre tekst, fordi ujevne sentrerte linjer er vanskeligere å lese.