# Så gör du en stämningstavla för varumärket som leder någonstans [Canonical HTML page](https://gradiently.design/sv/guide/brand-moodboard) De flesta stämningstavlor är en hög fina bilder som aldrig blir ett varumärke. Den här metoden gör din till en namngiven riktning, en palett och en uppsättning material som du faktiskt kan designa med. ## The short version - En stämningstavla för ett varumärke, eller moodboard, är en utvald samling bilder, färger, texturer, typsnitt och ord som visar hur varumärket ska kännas innan något är designat. - En användbar stämningstavla slutar i beslut: en namngiven riktning, en palett, material och typografi, inte en mapp med inspiration. - Metoden har fem steg: samla brett, gruppera i riktningar, gallra hårt, döp den vinnande riktningen och översätt den till designval. - Gallringen är det viktigaste steget, eftersom en stämningstavla som behåller allt inte beskriver något särskilt varumärke. - Testa riktningen på riktiga format, till exempel ett inlägg och en story, innan du förbinder dig till den. En **stämningstavla för varumärket** är en utvald samling bilder, färger, texturer, typsnitt och ord som visar hur ett varumärke ska kännas innan något är designat. De som leder någonstans följer en tydlig väg: samla brett, gruppera det du hittat i riktningar, gallra hårt, döp den riktning du behåller och översätt den sedan till en palett, material och typografi som du kan använda. Stämningstavlan är klar när den har fattat beslut, inte när den ser vacker ut. Den kommer oftast tidigt i [att skapa en varumärkesidentitet](https://gradiently.design/sv/guide/how-to-create-a-brand-identity), när du vet vad varumärket står för och innan någon ritar en logotyp. Har du inte valt några ord för varumärkets karaktär än, börja med [varumärkespersonlighet](https://gradiently.design/sv/guide/brand-personality); de orden blir ditt filter. ## Vad en stämningstavla för varumärket är till för En stämningstavla är ett verktyg för att bli överens. Den låter en grundare, en formgivare och ett team peka på samma bilder och säga ”det här, inte det där” långt innan någon börjar bråka om en logotyp. Det fungerar bara om tavlan är tillräckligt konkret för att utesluta saker. ### Leder ingenstans - Sextio bilder, alla behållna - Flera stämningar som drar åt olika håll - Bara andra varumärkens färdiga arbeten - Inga ord på den - Slutar som en delad mapp ### Leder någonstans - Tolv till tjugo bilder som var och en förtjänar sin plats - En riktning, tydligt namngiven - Texturer, ljus, platser och föremål, inte bara logotyper - Tre ord och en mening - Slutar som en palett, material och typografi ## Så gör du en stämningstavla för varumärket, steg för steg 1. **Samla brett** Samla långt mer än du behöver, snabbt och utan att döma. Titta bortom design: inredning, förpackningar, filmbilder, tyg, väder, gatuskyltar, mat. Spara allt som får dig att känna det varumärket ska kännas som. 2. **Gruppera i riktningar** Lägg ut allt och gruppera bilder som känns besläktade. De flesta samlingar delar sig i tre eller fyra grupper. Ge varje grupp ett arbetsnamn som ”varm lera” eller ”kall ateljé”. 3. **Gallra hårt** Välj den grupp som bäst matchar varumärkets karaktär och ta sedan bort allt i den som drar åt annat håll. Behåll de tolv till tjugo starkaste bilderna. Här blir stämningstavlan användbar. 4. **Döp riktningen** Skriv tre ord och en mening som beskriver den. Meningen ska säga hur varumärket känns och vad det inte är. 5. **Översätt den** Plocka ut en palett, ett eller två material, en typografisk röst och några layoutvanor. De blir första sidan i din [grafiska manual](https://gradiently.design/sv/guide/brand-style-guide). ## Gruppera bilderna i riktningar Det är lättare att gruppera när du koncentrerar varje grupp till dess kärna. Ett snabbt sätt är att sammanfatta varje grupp som en enda gradient byggd av dess vanligaste färger. Sida vid sida blir riktningarna uppenbara, och det blir de som inte passar varumärket också. - Varm lera: `linear-gradient(160deg, #2b1a12 0%, #b85c38 45%, #ead7c0 100%)` - Kall ateljé: `linear-gradient(160deg, #1e2530 0%, #5b6b7d 50%, #dfe7ee 100%)` - Nattträdgård: `linear-gradient(160deg, #0f1f17 0%, #2f5d46 50%, #8e5a8a 100%)` - Soligt torg: `linear-gradient(160deg, #fff4d6 0%, #ffc857 50%, #ff7b54 100%)` Fyra grupper ur en samling, var och en sammanfattad som en gradient. Bara en av dem är rätt för ett givet varumärke. Om en grupp lever i foton kan du hämta ut dess färger direkt. [Att skapa en färgpalett från en bild](https://gradiently.design/sv/guide/color-palette-from-image) visar hur, och Gradiently har [Matcha en bild](/forge/match) som gör en släppt bild till dess palett och de närmaste Marks. ## Döp riktningen med ord Bilder går att tolka på många sätt; ord stänger dörren. Tre ord beskriver känslan. Meningen lägger till gränsen, det varumärket aldrig får bli. Den gränsen hindrar riktningen från att glida senare. | Riktning | Tre ord | Det är inte | | --- | --- | --- | | Varm lera | Jordnära, tålmodig, handgjord | Lantlig klyscha eller bondgårdskitsch | | Kall ateljé | Exakt, stilla, teknisk | Klinisk eller steril | | Nattträdgård | Frodig, privat, lite märklig | Gotisk eller dyster | | Soligt torg | Öppen, generös, högljudd | Barnslig eller lågpris | Kolumnen ”Det är inte” gör lika mycket jobb som orden. De flesta riktningar misslyckas genom att glida in i sin egen klyscha. ## Gör stämningstavlan till en palett och material Gör den nu konkret. Hämta de återkommande färgerna ur de behållna bilderna och korta ner dem till fem: en mörk, en ljus, två huvudfärger och en accent som du använder sparsamt. Namnge sedan de material som ständigt dyker upp, eftersom material bär lika mycket av stämningen som färg gör. En riktning som varm lera kan till exempel landa i det här. - Espresso: #2b1a12 - Terrakotta: #b85c38 - Bränd lera: #d98f6b - Sand: #ead7c0 - Olivaccent: #6b7a3a Riktningen varm lera som en arbetspalett. Olivaccenten dyker upp sällan, vilket är därför den kommer att bli ihågkommen. - **Material:** matt pappersstruktur, oglaserad keramik, mjukt dagsljus i stället för studioljus. - **Typografisk röst:** en varm antikva till rubriker, en enkel sans serif till allt annat. - **Layoutvanor:** generösa marginaler, text placerad lågt, gott om lugn yta. Material är det som de flesta stämningstavlor glömmer. En textur som korn, papper eller siden ändrar hur samma färger känns; [gradienttextur](https://gradiently.design/sv/guide/gradient-texture) går igenom alternativen. ## Testa riktningen på riktiga format En riktning som ser rätt ut på en tavla kan kännas fel på ett riktigt inlägg. Innan du bestämmer dig gör du två eller tre riktiga designer med den: ett flödesinlägg, en story, ett huvud. Om de ser ut att höra ihop och ser ut som ingen annan har stämningstavlan gjort sitt jobb. Ett stående redaktionellt inlägg med rubriken Argumentet för långsamma morgnar på en varm, texturerad bakgrund Riktningen på ett flödesinlägg… En stående story med texten Hej, granne på samma varma, texturerade bakgrund …och på en story. Om båda känns som stämningstavlan håller riktningen. > **Behåll de bortgallrade bilderna** Spara grupperna du förkastade i en separat mapp. När någon senare föreslår en look som glider iväg kan du visa riktningen du redan valt bort, och varför. ## FAQ ### Vad ska en stämningstavla för ett varumärke innehålla? Bilder, texturer, färger, typsnittsprover och några ord. Ta med platser, föremål och material, inte bara andra varumärkens färdiga designer. ### Hur många bilder ska en stämningstavla ha? Samla så många du vill och gallra sedan till ungefär tolv till tjugo som tydligt delar en riktning. Färre, starkare bilder ger tydligare beslut. ### Vad kommer efter en stämningstavla för varumärket? Översätt den till en palett, material, typografi och layoutvanor, testa dem på riktiga format och skriv sedan ner dem i en grafisk manual. ### Ska en stämningstavla ha fler än en riktning? Medan du utforskar, ja: gruppera i tre eller fyra. Den färdiga stämningstavlan ska binda sig vid en, med de förkastade riktningarna sparade för sig som referens. ### Hur får jag en färgpalett ur en stämningstavla? Hämta de återkommande färgerna ur de behållna bilderna och korta ner dem till ungefär fem: en mörk, en ljus, två huvudfärger och en accent.