# Grafik för meetups: inlägg och bilder för community-kvällar [Canonical HTML page](https://gradiently.design/sv/guide/meetup-graphics) En meetup hålls varje månad, drivs av volontärer med vanliga jobb. Grafiken ska ta tio minuter, inte en kväll. Här är ett kit som gör det. ## The short version - Grafik för meetups fungerar bäst som ett kit som återanvänds: ett numrerat eventkort, ett omslag för eventsidor, en kort bildserie för kvällen och ett sammanfattningsinlägg. - Numrera varje upplaga, till exempel #14, så att serien bygger upp en historia och stamgäster ser skillnad på en månad och nästa med en blick. - Håll bakgrunden, typsnitten och layouten fasta och ändra bara numret, datumet, lokalen och föredragens titlar varje månad. - En bildserie på fem bilder täcker de flesta community-kvällar: välkomst, praktisk information, värdar och sponsorer, en bild per talare och en avslutande bild med nästa datum. - Publicera sammanfattningen inom en dag eller två och avsluta den med nästa datum, för sammanfattningen är den bästa annonsen för nästa upplaga. Den bästa **grafiken för meetups** är ett kit som du återanvänder varje månad, inte en ny design varje gång. En återkommande community-kväll behöver samma fem saker om och om igen: ett eventkort för sociala inlägg, ett omslag för eventsidan och Discord, några bilder för kvällen, en eller två stories under kvällen och en sammanfattning efteråt. Bygg dem en gång i ett utseende som communityn känner igen och ändra sedan bara upplagenumret, datumet, lokalen och föredragen. Arrangörer är volontärer, och kitet ska spara dem en kväll varje månad. ## Varför en återkommande meetup behöver ett serieutseende Ett enskilt event klarar sig med vilken affisch som helst. En meetup som pågår i åratal bygger något närmare ett litet varumärke: stamgäster, sponsorer och talare som kommer tillbaka. Ett fast utseende får serien att kännas etablerad, vilket hjälper när du ber ett företag vara värd eller en talare resa. Det gör också att det månatliga inlägget känns igen direkt i ett fullt flöde, vilket betyder mer än något enskilt designval. [Varumärkeskonsekvens](https://gradiently.design/sv/guide/brand-consistency) förklarar varför upprepning bygger igenkänning. - Cyan nattetid på djup marin: `radial-gradient(circle at 80% 20%, #22d3ee 0%, #0e7490 35%, #082f49 80%)` - Terminalgrönt på nästan svart: `radial-gradient(circle at 20% 80%, #a3e635 0%, #3f6212 40%, #1a2e05 85%)` - Varmt papper till orange: `linear-gradient(140deg, #fff7ed 0%, #fdba74 55%, #ea580c 100%)` - Violett sken på bläck: `radial-gradient(circle at 70% 30%, #c084fc 0%, #6b21a8 40%, #1e1b4b 85%)` Fyra riktningar för en serie bakgrund. Välj en och behåll den, för att byta varje månad nollställer den igenkänning du har byggt. ## Så designar du ett numrerat meetup-eventkort Eventkortet är inlägget du delar på Instagram, LinkedIn, X och i gruppchattar. Börja med upplagenumret och datumet, sedan föredragen och sist lokalen. Numret gör verklig nytta: ”#14” talar om för nykomlingar att serien är etablerad och för stamgäster att det här är en ny månad. Håll föredragens titlar till en rad var och sätt talarnamnen efter dem. Ett stående meetup-kort för Frontend Night nummer 14 på torsdag 9 april klockan 18.30, med Northbank Studio som värd Det stående kortet för Instagram och LinkedIn: upplaga, datum och tid, en rad om vad som händer. Samma kort för Frontend Night nummer 14 i ett brett 16:9-format för X Samma kort i 1600×900 för X och Bluesky, där breda bilder visas i sin helhet i flödet. Nästa månad ändrar du numret, datumet och kanske värden. Allt annat förblir. Om dina föredrag kommer från ett anmälningsark kan ett kalkylblad med upplagor, datum och föredragstitlar ge en hel säsong av kort i ett svep med [massskapande](https://gradiently.design/sv/guide/bulk-create-from-spreadsheet) i Pro. ## Omslag för eventsidor, Discord och länkförhandsvisningar De flesta meetups lever på en eventsida (Luma, Meetup eller din egen webbplats) och i en Discord- eller Slack-community. Var och en visar ett omslag i sin egen form, så designa med titeln centrerad och gott om bakgrund runt den, och kontrollera sedan varje plattforms aktuella riktlinjer innan du laddar upp. När folk klistrar in din eventlänk i en chatt är förhandsbilden Open Graph-ramen i 1200×630, som [länkförhandsbilder](https://gradiently.design/sv/guide/link-preview-image) tar upp. - Instagraminlägg 1080×1350: 1080 × 1350 - X-inlägg 1600×900: 1600 × 900 - Länkförhandsvisning 1200×630: 1200 × 630 - Discord-serverbanderoll 960×540: 960 × 540 - Bilder 1920×1080: 1920 × 1080 De fem former som en meetup använder varje månad, i skala. När din server når Boost-nivå 2 och låser upp en banderoll är det värt att uppdatera den med varje upplagas datum, och [storlek på Discord-banderoll](https://gradiently.design/sv/guide/discord-banner-size) har detaljerna. Annonstexten betyder lika mycket som bilden. Ha en mall som du klistrar in varje månad så att detaljerna alltid kommer i samma ordning: ```text Frontend Night #14 Torsdag 9 april, dörrarna öppnar 6:30pm, föredrag från 7pm Northbank Studio, 12 Quay Street (hissen till vänster) Föredrag 1. Att leverera ett designsystem med tre personer, av Sam Okafor 2. Vad vi lärde oss av att ta bort vårt byggsteg, av Lena Brandt Gratis, men anmäl dig så att vi kan beställa tillräckligt med mat. Uppförandekod: example.org/conduct Anmälan: example.org/fn14 ``` En mall för månadens annons. Byt detaljerna, behåll ordningen, så vet stamgästerna var de ska titta. ## Presentationsmall för meetupkvällen En meetup behöver några arrangörsbilder runt föredragen, alla i 16:9. De får kvällen att kännas ledd snarare än improviserad, och de lägger det praktiska på skärmen så att värden inte behöver komma ihåg det. Håll dem i serieutseendet och ge talarna en matchande titelbild om de vill ha en. [Tips för presentationsdesign](https://gradiently.design/sv/guide/slide-design-tips) tar upp läsbara storlekar. | Bild | Vad den säger | När den visas | | --- | --- | --- | | Välkomst | Upplagenummer, namn, uppgifter om wifi | På skärmen när folk kommer | | Praktisk information | Uppförandekod, toaletter, nödutgångar, regler för fotografering | Före första föredraget | | Tack | Logotyper för värd och sponsorer, en rad var | Före första föredraget | | Presentation av talare | Namn, föredragets titel, var man hittar dem | Före varje föredrag | | Nästa gång | Nästa datum, upprop efter talare, länk till communityn | I slutet, och kvar under mingel | Fem arrangörsbilder som täcker nästan varje community-kväll. Duplicera talarbilden efter behov. En avslutande 16:9-bild som aviserar nästa meetup den 14 maj och bjuder in folk att föreslå ett föredrag Den avslutande bilden står kvar medan folk pratar, så det är den som oftast fotograferas. Gör nästa datum till det största på den. ## Stories under kvällen och sammanfattningsinlägget Under kvällen räcker ett par stories i 1080×1920: en när dörrarna öppnar, en under ett föredrag. Efteråt publicerar du en kort sammanfattningskarusell inom en dag eller två: ett tack till talare och värd, tre eller fyra bilder, länkar till presentationerna om talarna delar dem och nästa datum på sista bilden. Fråga innan du fotograferar människor som helst inte vill synas. [Sammanfattningsinlägg efter event](https://gradiently.design/sv/guide/event-recap-post) har mer struktur. ### Undvik - En ny stil varje månad - Inget upplagenummer - Lokalens adress gömd i bildtexten - Sammanfattning som publiceras två veckor senare - Sponsorlogotyper som är större än meetupens namn ### Gör så här - Ett utseende som behålls i åratal - ”#14” på varje kort och bild - Lokal och tillgänglighetsinformation på samma plats varje gång - Sammanfattning inom två dagar, avslutad med nästa datum - Sponsorer som tackas tydligt, i en rimlig storlek ## Så gör du meetupgrafik snabbt Det verkliga testet för ett meetupkit är om en annan arrangör kan göra nästa månads kort utan att fråga någon. Ha filerna på ett gemensamt ställe och skriv en kort anteckning om vad som ändras. Gradiently hjälper till på två sätt här: dess bakgrunder håller orden läsbara oavsett var datumet hamnar, så ingen behöver putta på en layout, och arrangörer som redan arbetar i ChatGPT eller Claude kan be om månadens designer i en chatt och öppna dem i Studio, som beskrivs i [designa med Claude](https://gradiently.design/sv/guide/design-with-claude). För en systerserie eller en studentförening anpassar [affischer för studentföreningar](https://gradiently.design/sv/guide/student-club-posters) samma tillvägagångssätt. ## FAQ ### Vilken grafik behöver en meetup? Ett eventkort för sociala inlägg, ett omslag för eventsidan och Discord, några arrangörsbilder för kvällen, stories under kvällen och ett sammanfattningsinlägg. ### Vilken storlek ska ett meetup-eventkort ha? 1080×1350 för Instagram och LinkedIn och 1600×900 för X och Bluesky. En version i 1200×630 täcker länkförhandsvisningar. ### Hur stor är en Discord-serverbanderoll? 960×540 pixlar, tillgänglig när servern når Boost-nivå 2. Många communityn uppdaterar den med datumet för nästa meetup. ### Vilka bilder ska en meetuparrangör förbereda? En välkomstbild med uppgifter om wifi, praktisk information med uppförandekoden, en tackbild för värdar och sponsorer, en presentation av talaren för varje föredrag och en avslutande bild med nästa datum. ### Ska jag numrera meetupens upplagor? Ja. Ett nummer som #14 visar att serien är etablerad och hjälper stamgäster att skilja varje månad åt med en blick.