# Citatkort: layout för podd-, bok- och talarcitat

[Canonical HTML page](https://gradiently.design/sv/guide/quote-card-design)

När någon annan sagt det bäst låter ett citatkort dem säga det i ditt flöde. Hantverket ligger i att välja raden, anpassa storleken efter längden och ange källan ordentligt.

## The short version

- Ett citatkort är en grafik för sociala medier som visar en exakt replik från en gäst, författare eller talare, med personens namn och källan den kommer från.
- De bästa raderna för citatkort är korta, kompletta tankar på under ungefär tjugo ord som går att förstå utan samtalet runt omkring.
- Textstorleken bör följa citatets längd, så en kort rad kan sättas mycket stor medan en lång behöver mindre text eller ett kortare utdrag.
- Källangivelsen hör hemma på en egen rad under citatet, med personens namn, roll eller bok samt avsnitt, titel eller evenemang.
- Citera människor exakt, markera varje nedskärning med tre punkter och håll bokcitat korta och med källa.

Ett **citatkort** är en enda grafik som visar en exakt replik från någon annan, en poddgäst, en författare eller en konferenstalare, i stor stil, med namn och källa under. Layouten är enkel: citatet fyller de övre två tredjedelarna av ytan, källangivelsen står under på en egen rad och ett litet märke berättar var det kommer ifrån, som avsnittsnummer eller boktitel. Det svåra är att välja en rad som står på egna ben och att anpassa textstorleken efter längden.

Den här artikeln handlar om att citera andra. Delar du dina egna ord, tänkespråk eller motivationsrader, se [design av citatinlägg](https://gradiently.design/sv/guide/quote-post-design), som tar upp det andra uppdraget.

## Citatkortets anatomi

| Del | Vad som står där | Exempel |
| --- | --- | --- |
| Citat | De exakta orden, inom citattecken | ”Likformighet är det stora problemet.” |
| Namn | Personen som sa eller skrev det | Priya Raman |
| Roll eller referens | Varför vi bör lyssna | Grundare, Northlight Studio |
| Källa | Var det kommer ifrån | Avsnitt 42 · Small Brands Podcast |
| Ditt märke | Litet, i ett hörn | Programnamn eller användarnamn |

Namn och källa är inte valfria. Ett citat utan dem ser påhittat ut och ger personen ingen anledning att dela det.

Sätt namnet på en egen rad under citatet i stället för att sätta ett tankstreck framför. En radhöjd av luft och ett byte av vikt eller färg gör samma jobb renare. Använd riktiga typografiska citattecken (” och ”) och överväg att sätta det inledande tecknet något större och låta det hänga ut i marginalen så att textblocket ändå ser justerat ut.

## Tre layouter för citatkort

Strukturen är densamma; källraden ändras med mediet. Behåll en layout per serie så att en rad kort från din podd eller läslista känns igen med en blick.

Stående poddcitatkort med ett kort gästcitat, gästens namn och avsnittsnummer

Ett poddcitatkort: gästens namn och avsnittsnummer ovanför, programnamnet under.

Stående bokcitatkort i redaktionell stil med en kort rad, boktiteln och författarens namn

Ett bokcitatkort: en redaktionell layout, med boken och kapitlet som källa.

Kvadratiskt talarcitatkort med en kort rad, talarens namn och roll samt evenemangets namn och datum

Ett talarcitatkort för LinkedIn: rollen spelar roll här, och evenemanget och datumet ger sammanhang.

## Textstorlekar för citatkort efter citatets längd

På ett kort i 1080×1350 håller de här storlekarna citatet läsbart på mobilen och hindrar långa citat från att trängas i ytan. Mät i ord, inte tecken, och korta före du minskar: ett mindre citat är nästan alltid ett bättre citat.

| Citatets längd | Citatstorlek | Storlek på källa | Radhöjd |
| --- | --- | --- | --- |
| Upp till 8 ord | 96 till 120 px | 32 px | 1,05 till 1,1 |
| 9 till 20 ord | 64 till 80 px | 30 px | 1,1 till 1,2 |
| 21 till 35 ord | 48 till 56 px | 28 px | 1,2 till 1,3 |
| Över 35 ord | Gör ett utdrag eller använd en karusell | 28 px | 1,3 |

Storlekar för ett kort som är 1080 px brett. Skala proportionellt för LinkedIn-versioner i 1200×1200 eller X-versioner i 1600×900.

Håll raderna mellan ungefär 20 och 35 tecken, vilket på ett kort oftast blir tre till sex rader text. [Radhöjd och radlängd](https://gradiently.design/sv/guide/line-height-and-line-length) förklarar varför, och [teckenstorlek för Instagram-inlägg](https://gradiently.design/sv/guide/font-size-for-social-media) tar upp miniminivåer för liten text som källraden.

## Så väljer du rätt citat

1. **Läs eller lyssna efter kompletta tankar** Markera rader som går att förstå på egen hand, utan ett ”det” eller ”den” som pekar tillbaka på något tidigare i samtalet.
2. **Välj det överraskande framför det instämmande** ”Konsekvens är viktigt” är sant och lätt att glömma. En rad med ett konkret påstående eller en vändning blir delad.
3. **Kontrollera ordalydelsen** Använd utskriften eller sidan, inte minnet. Tal kan putsas lätt från ”eh” och upprepningar, men ändra aldrig betydelsen.
4. **Markera nedskärningar** Tar du bort ord i mitten, visa det med tre punkter (…). Foga inte ihop två skilda meningar som om de vore en.
5. **Skicka det till personen** Tagga gäster och talare och låt dem veta att det kommer. De är dina troligaste delare, och det är en artighet.

> **Bokcitat** Korta citat med källa ur böcker hör till vanlig recension och rekommendation, men reglerna skiljer sig mellan länder och förlag. Håll bokcitat korta, ange alltid författare och titel och publicera aldrig långa avsnitt.

## Gör en serie, inte en engångsgrej

Citatkort fungerar bäst som ett återkommande format: ett per avsnitt, ett per kapitel, en uppsättning efter varje evenemang. En enhetlig bakgrund och typografi låter följare känna igen korten innan de läser dem, och den igenkänningen gör en serie till en vana. För poddar hör de ihop med audiogram och avsnittsomslag; [sociala medier för poddar](https://gradiently.design/sv/guide/podcast-social-media) tar upp hela uppsättningen, och [inlägg som sammanfattar evenemang](https://gradiently.design/sv/guide/event-recap-post) visar var talarcitat passar efter ett evenemang.

### Undvik

- Ett stockfoto av berg bakom orden
- Citat på över 40 ord pressade i liten text
- Inget namn, eller ett namn utan källa
- En ny stil för varje kort
- En stor logotyp som konkurrerar med citatet

### Gör så här

- En lugn bakgrund som hör till ditt program
- Korta rader, satta stora
- Namn, roll och avsnitt eller titel, varje gång
- En mall för hela serien
- Ett litet programnamn eller användarnamn i ett hörn

I Gradiently ställer du in kortet en gång på ditt Mark, och Marken håller en lugn yta med hög kontrast bakom citatet hur långt det än är. Automatisk textfärg väljer ljus eller mörk text per rad ur Markens egen palett. Med Pro kan massskapande göra ett kalkylblad med citat, namn och avsnittsnummer till en hel uppsättning kort i ett svep.

## FAQ

### Vad är ett citatkort?

En grafik för sociala medier som visar en exakt replik från en gäst, författare eller talare, med personens namn och källan, till exempel ett avsnitt, en bok eller ett evenemang.

### Vad ska stå på ett poddcitatkort?

Citatet, gästens namn, avsnittsnumret och programnamnet, med programmets vanliga bakgrund och typografi så att serien känns igen.

### Hur långt bör ett citat på ett citatkort vara?

Helst under ungefär tjugo ord. Längre citat kräver mycket mindre text, så gör ett utdrag eller sprid dem över en karusell.

### Hur skriver man källa på ett citatkort?

Sätt namnet på en egen rad under citatet, följt av roll eller bok och källan. Ett byte av vikt eller färg skiljer den från citatet.

### Kan jag lägga upp citat ur böcker i sociala medier?

Korta citat med källa är vanliga i recensioner och rekommendationer, men reglerna skiljer sig mellan länder. Håll dem korta och ange alltid författare och titel.