# Eventvarumärke: ett utseende från inbjudan till scen

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

Ett event syns i ett dussin format under några veckor: en story, en inbjudan, en anmälningssida, en affisch, en namnbricka, en skärm stor som en vägg. Så får du alla att kännas som en och samma kväll.

## The short version

- Ett eventvarumärke är det enda utseende som bär ett event från första tillkännagivandet via inbjudningar, skyltning och scenskärmar till uppföljningen.
- Bygg först ett litet eventkit: en låsning av namn och datum, en palett, ett bakgrundsutseende, typsnitt och några layoutregler.
- Ett event syns i mycket olika former, från en story på 1080×1920 till scenbilder på 1920×1080 och tryckta affischer, så varje format behöver sin egen layout ur samma kit.
- Rörelse på scenskärmar ska vara långsam och sömlös så att den stöttar talarna i stället för att konkurrera med dem.
- Ett events utseende bör tydligt höra ihop med värdens varumärke men ha en egen accent, så att det känns speciellt men välbekant.

**Eventvarumärke** är ett utseende som bär ett event från första save the date till sista tacket, genom inbjudningar, anmälningssidan, skyltning, namnbrickor och scenskärmar. Vägen dit är att bygga ett litet eventkit innan du designar något, i stället för att designa varje del när den behövs. Kitet rymmer en låsning av namn och datum, en palett, ett bakgrundsutseende, typsnitt och några layoutregler, och varje format görs utifrån det.

Det svåra med eventdesign är inte någon enskild del. Det är att ett event syns i ett dussin former under några veckor, ofta gjorda av olika personer i en fart. Utan ett kit ser affischen, bilderna och de sociala inläggen ut som tre olika event.

## Vad eventvarumärket omfattar, från inbjudan till scen

Lista varje format innan du börjar. Storlekarna nedan kommer från varje plattforms rekommenderade uppladdning och från standardstorlekar för tryck i 300 dpi.

| Fas | Material | Storlek (px) |
| --- | --- | --- |
| Aviso | Save the date-story | 1080×1920 |
| Aviso | Flödesinlägg | 1080×1350 |
| Aviso | Facebook-eventomslag | 1920×1005 |
| Inbjudan | Tryckt inbjudan, 5×7 tum | 1500×2100 |
| Inbjudan | Mejlhuvud | 1200×600 |
| Anmälan | Hero på anmälningssidan | 1920×1080 |
| Anmälan | Länkförhandsvisning (Open Graph) | 1200×630 |
| På dagen | Affisch, 18×24 tum | 5400×7200 |
| På dagen | A3-skyltning | 3508×4961 |
| På dagen | Scen- och väntebilder | 1920×1080 |
| Efteråt | Tackinlägg | 1200×1200 för LinkedIn |

Ett typiskt events format. Få event behöver alla, de flesta behöver fler än du först tror.

- Story: 1080 × 1920
- Inbjudan 5×7: 1500 × 2100
- Eventomslag: 1920 × 1005
- Scen 16:9: 1920 × 1080
- Affisch 18×24: 5400 × 7200

Samma event i fem former, ritade i skala. Höga, nästan kvadratiska och breda format behöver var sin uppläggning.

## Bygg eventkitet före allt annat

1. **Lås namn och datum** Sätt eventets namn, datum och plats som en enhet med fast avstånd. Den här låsningen finns på nästan varje del, så bestäm den en gång.
2. **Härled en palett från värden** Utgå från värdens varumärkesfärger och lägg till en eventaccent. Eventet ska kännas speciellt men ändå tydligt tillhöra sin värd.
3. **Välj ett bakgrundsutseende** En gradient, ett material eller en textur som löper bakom varje format, från story till scen. Det är det som får en affisch och en bild att se ut som samma kväll.
4. **Välj typsnitt** Oftast värdens typsnitt, kanske med ett displaytypsnitt för eventnamnet. Scenskärmar behöver typsnitt som syns från rummets baksida.
5. **Skriv layoutreglerna** Var låsningen sitter, marginalerna, hur talarnamn och tider sätts. Lägg det på en sida och dela det med alla som gör material.

- Värdens marinblått: #14213d
- Eventkorall: #ff6b4a
- Scensvart: #0b0b0f
- Signalgult: #ffd23f
- Namnbrickevitt: #ffffff

En eventpalett: värdens marinblå, en eventaccent i korall, ett nästan svart för scenskärmar, en klar färg för vägvisning och vitt för namnbrickor och finstilt.

## Ett utseende, alla format

När kitet är klart blir varje format en uppläggning i stället för en ny design. En nedräkningsstory, en scenbild och en affisch delar botten, låsningen och typsnitten, bara layouten ändras för att passa formen.

En stående nedräkningsstory med en stor siffra 3 och texten Dagar kvar, för ett event som heter Lanseringskväll

En nedräkningsstory veckan innan…

En bred scenbild för Lanseringskväll, torsdag kl. 19, på samma bakgrund som nedräkningsstoryn

…och väntebilden på kvällen. Samma botten, samma låsning, en bred layout.

För den fysiska sidan, se [design av eventbakgrunder](https://gradiently.design/sv/guide/event-backdrop-design) och [affischdesign](https://gradiently.design/sv/guide/poster-design). Tryck behöver samma bakgrund renderad i full upplösning, inte en utsträckt bild från sociala medier, och [gradienter i tryck](https://gradiently.design/sv/guide/print-gradients) tar upp hur du håller övergångarna mjuka på papper.

## Rörelse för scenskärmar och eventsidan

Skärmar är där ett eventvarumärke väcks till liv. Mellan föredragen känns en väntebild med långsamt rörlig bakgrund mycket mer genomtänkt än en stillastående bild. Håll rörelsen långsam och kontinuerlig och se till att loopen fogas osynligt, eftersom ett synligt hopp var trettionde sekund på en väggstor skärm är svårt att missa. [Sömlösa loopar](https://gradiently.design/sv/guide/seamless-loop-video) förklarar hur. Bakom en talare minskar du rörelsen ytterligare eller stoppar den. Publiken ska titta på personen, inte på väggen.

På anmälningssidan fungerar samma idé i CSS. Respektera de som har bett sin enhet att minska rörelse.

```css
.event-hero {
  background: linear-gradient(120deg, #14213d, #ff6b4a, #14213d);
  background-size: 200% 200%;
  animation: drift 24s ease-in-out infinite alternate;
}

@keyframes drift {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  .event-hero { animation: none; }
}
```

En långsam drift för eventsidan, i eventpaletten. Växlande riktning gör att loopen aldrig hoppar.

Gradiently exporterar vilken design som helst som en sömlös loop på 5 till 30 sekunder, med den rörelse, det tempo och den färg du väljer, vilket passar både väntebilder och stories.

## Håll eventvarumärket sammanhållet

### Undvik

- Att varje leverantör återskapar utseendet från en skärmdump
- Att sträcka storydesignen så att den passar scenen
- En ny accentfärg för varje session
- Stökig rörelse bakom talare
- Pyttesmå bokstäver på scenbilder

### Gör så här

- Ett kit, delat som filer, med låsningen och paletten
- En layout gjord för varje form
- En eventaccent, använd konsekvent
- Långsamma, sömlösa loopar bara på väntebilder
- Text i storlek för sista raden

## FAQ

### Vad är eventvarumärke?

Eventvarumärke är det enhetliga utseende som bär ett event genom alla kontaktpunkter: tillkännagivanden, inbjudningar, anmälningssidan, skyltning, namnbrickor, scenskärmar och uppföljning.

### Vad ska ett eventkit innehålla?

En låsning av namn och datum, en palett, ett bakgrundsutseende, typsnitt och en kort uppsättning layoutregler som varje leverantör och designer följer.

### Vilken storlek ska bilder på en eventscen ha?

De flesta moderna skärmar använder 16:9, så 1920×1080 pixlar är det vanliga valet. Kontrollera lokalens skärm innan du designar.

### Ska ett event se ut som värdens varumärke?

Det ska tydligt höra ihop med det, med värdens färger och typsnitt, och en eventaccent så att det känns speciellt men välbekant.

### Ska scenbakgrunder röra sig?

Långsam, sömlös rörelse fungerar bra på väntebilder mellan föredrag. Bakom en talare håller du den mycket diskret eller stilla så att den inte distraherar.