Ungefär sju sekunder är vad många besökare ger en sida innan de bestämmer sig för att stanna eller gå. Under de sekunderna gör varumärkets färgpalett mer jobb än din säljtext. Visuell tydlighet ger dig de extra sekunder du behöver för att förklara ditt erbjudande.
En färgpalett för varumärket listar godkända färger för logotyper, webb, tryck och grafik i sociala medier. Kapitlet förklarar vad det betyder med enkla ord, varför det påverkar din webbplats och din marknadsföring och hur du tillämpar det utan att drunkna i facktermer. Du får också se hur färgkombinationer passar in i samma bild. Vi tar det steg för steg.
Vad varumärkets färgpalett betyder i praktiken
En färgpalett för varumärket listar godkända färger för logotyper, webb, tryck och grafik i sociala medier.
Dokumenterade paletter hindrar varje nytt material från att introducera en ny nyans.
Färgkombinationer bör innehålla neutrala färger för bakgrunder och brödtext.
Så tillämpar du varumärkets färgpalett på din webbplats
Lägg till semantiska färger för lyckade och misslyckade meddelanden om din webbplats har formulär.
Börja med en sida, till exempel startsidan eller din viktigaste landningssida. Åtgärda det största problemet först och använd sedan samma mönster i dina andra mallar.
Kombinera det här kapitlet med färgkontrast som grund och färgmisstag på webbplatser som nästa steg i modulen.
Praktisk checklista du kan använda i dag
Lägg till semantiska färger för lyckade och misslyckade meddelanden om din webbplats har formulär.
När du granskar en sida, fråga dig om varumärkets färgpalett syns redan vid första skrollen på mobilen. Om inte, ändra ordningen på sektionerna innan du finslipar detaljerna.
Spara skärmbilder före och efter ändringarna, så att du lär dig vad som gjorde skillnad för varumärkets färgpalett på din webbplats.
Dela den här checklistan med alla som uppdaterar din webbplats, så att arbetet med färgkombinationer blir konsekvent på nya sidor.
Välj ett mått att följa den här månaden, till exempel tid på sidan eller påbörjade formulär, så att designändringarna hänger ihop med affärsresultat och inte bara med smak.
Så hänger ämnet ihop med resten av ditt varumärke
Visuella val gäller sällan bara en sida. Färgkombinationer bör innehålla neutrala färger för bakgrunder och brödtext.
Dina inlägg i sociala medier, dina e-postmeddelanden och ditt tryckta material bör följa samma hierarki, samma färger och samma typografiregler som du använder på webben.
När varumärkets visuella uttryck glider isär känner kunderna att något skaver, även om de inte kan förklara vad.
Använd färgmisstag på webbplatser för att jämföra med ett närliggande kapitel i den här modulen.
Dokumenterade paletter hindrar varje nytt material från att introducera en ny nyans.
Vanliga frågor som många missar
Närliggande termer som färgkombinationer, färglära för designers hjälper dig att söka efter fler exempel och jämföra ditt arbete med vedertagna riktlinjer.
Färgkombinationer bör innehålla neutrala färger för bakgrunder och brödtext.
Skriv ned en ändring, före och efter, som du ska testa på en live-sida den här veckan. Små, uppmätta justeringar slår vaga planer.
Om du lär ditt team ett gemensamt språk för varumärkets färgpalett behövs färre ändringsrundor med designers och byråer.
Verktyg som gör visuella uppdateringar enklare
Du behöver ingen egen kod för att rätta till många problem med layout och stil. I en visuell redigerare justerar du avstånd, färger och typografi medan du förhandsgranskar mobil- och datorvyer.
WEMASY har en webbplatsbyggare med visuell redigering, så att du kan publicera ändringar utan att vänta på en utvecklare för varje justering. Öppna webbplatsbyggaren när du är redo att använda det du har lärt dig.
När du publicerar uppdateringar, titta igen på färgkontrast och färgscheman så att modulen hänger ihop för dig.
Nu har du ett användbart sätt att se på varumärkets färgpalett. Använd det när du granskar din webbplats, godkänner marknadsmaterial eller instruerar en designer. Fortsätt med färgscheman och färgmisstag på webbplatser för att behålla farten i den här modulen.
Vanliga frågor
Hur lång tid tar det att bli bättre på varumärkets färgpalett?
De flesta småföretag får tydligare sidor efter några fokuserade arbetspass när de tillämpar grunderna från det här kapitlet. Börja med startsidan och använd sedan samma regler på tjänste- och kontaktsidorna.
Behöver du en designer för att arbeta med varumärkets färgpalett?
En designer hjälper vid omfattande varumärkesbyten, men många åtgärder som rör varumärkets färgpalett kan du göra själv när du vet vad du ska titta efter. Läs färgkontrast vid sidan av det här kapitlet för närliggande vägledning.
Kan WEMASY hjälpa dig att tillämpa varumärkets färgpalett på din webbplats?
WEMASY har en visuell redigerare i webbplatsbyggaren, så att du kan justera layout, färger och typografi utan kod. Öppna webbplatsbyggaren för att uppdatera mallar och förhandsgranska ändringar på mobilen.
Vilket är det vanligaste misstaget med varumärkets färgpalett?
Många försöker rätta till allt på en gång i stället för en sida i taget. Välj en enda prioritet, till exempel läsbarhet eller kontrast, och titta sedan på färgscheman för nästa förbättring.
Hur hänger varumärkets färgpalett ihop med SEO?
En tydlig visuell hierarki och läsbar text får besökarna att stanna längre på sidan, vilket stärker de engagemangssignaler som sökmotorer följer. Kombinera designåtgärder med en genomtänkt innehållsstruktur för bästa resultat.
Vad bör du läsa efter varumärkets färgpalett?
Fortsätt med färgkontrast och färgscheman i den här boken för att bygga ett komplett visuellt system för ditt varumärke online.