Kortversionen
- De bästa gradientidéerna utgår från vad ett företag säljer och hur det vill att folk ska känna, inte från vilken gradient som är på modet.
- Varma, mörka gradienter passar kaféer och träning; mjuka gradienter med låg kontrast passar skönhet och välmående; djupa, svala gradienter passar finans och tech.
- De flesta branscher har en förväntad gradient, som blått till violett för tech, så att lägga till en oväntad färg eller en textur är det som gör din igenkännbar.
- Varje gradientidé behöver en design den gör bra: ett menyinlägg för ett kafé, en nedräkning för ett gym, ett rent tillkännagivande för ett finansföretag.
- Håll texten på gradientens lugnaste del och använd en platt färg ur den för små storlekar och logotyper.
På den här sidan
Bra gradientidéer passar verksamheten innan de passar trenden. Färgerna, kontrasten och riktningen ska säga något om vad du säljer: varmt och rostat för ett kafé, hett och snabbt för ett gym, djupt och stadigt för ett finansföretag. Nedan finns tolv branscher, var och en med en gradient du kan kopiera, en palett och den sortens design den passar bäst för. Använd dem som utgångspunkter och gör dem sedan till dina egna med idéerna på slutet.
Gradientidéer för kaféer, musik och evenemang
Kaféer och restauranger
Mat vill ha värme. Espressocrema går från ett rostat brunt via karamell till en mjölkig grädde, så den läses som kaffe innan någon sett en kopp. Lägg menyn eller dagens rätt på den ljusa änden i mörkbrun text. Designen den gör bäst är ett enkelt menyinlägg med en rubrik och ett pris. Restaurangvarumärke tar upp resten av identiteten.
Musik
Musikomslag lever oftast litet, som en kvadrat i en spelare, så de behöver ett starkt mörkt och en ljus färg som överlever miniatyrstorlek. Sent set klättrar från nästan svart via indigo till en skarp turkos, som ljus som rinner ut över en scen. Använd den för spellisteomslag i 1080×1080 och släppmeddelanden.
Evenemang
Evenemang lånar från scenbelysning: ett hett rosa strålkastarljus som tonar ut i violett och svart. En radiell gradient gör det bättre än en linjär, eftersom den har en källa. Lägg evenemangets namn i det mörka området och datumet i det ljusa. Evenemangsvarumärke visar hur du för det vidare från affisch till armband.
Kafé-idé: en rad, ett erbjudande, en varm botten.
Evenemangsidé: en story med tiden stor och detaljerna små.
Gradientidéer för träning, skönhet och välmående
Träning
Träningsgradienter ska kännas som ansträngning: het orange som går över i rödrosa och tonar till en mörk plommonfärg. Diagonalen ger rörelse. Vit text läses bra i det mörka hörnet, så lägg siffror där, som repetitioner, tider och passdatum. Nedräkningsinlägg och utmaningsmeddelanden är dess naturliga hem.
Skönhet
Skönhet vill ha hudnära färg: porslin, rodnad och en rosafärgad lera, med låg kontrast mellan stegen så att gradienten känns mjuk snarare än grafisk. En djup plommonfärg är det vuxna ankaret för text och logotyper. Den passar produktsläpp och före-och-efter-inlägg, och den går bra ihop med ett fint korn.
Välmående
Välmående handlar om att varva ner, så dess gradient ska vara den lugnaste här: blek dis till salvia, uppifrån och ner, med knappt någon kontrast. Håll texten mörkgrön snarare än svart. Ett enda citat eller en andningsuppmaning i en story är designen den skapades för.
Träningsidé: en nedräkning gör ett pass till ett mål.
Välmåendeidé: en lugn rad med luft runt om.
Gradientidéer för tech, finans och utbildning
Tech
Tech-gradienter är de mest trängda i någon bransch: marinblått till blått till violett finns överallt. Djup signal behåller marinblått och blått för förtroende men slutar i cyan i stället för violett, vilket räcker för att stiga ur flocken. Den passar lanseringsgrafik, ändringsloggsinlägg och Open Graph-bilder i 1200×630.
Finans
Pengar behöver lugn och tyngd. Hamn går från en bläckmarin via ett petrolblått till en salviaturkos, med mässing som en liten accent för siffror och rubriker. Den undviker aktiediagrammens klargröna, som kan läsas som larm lika lätt som tillväxt. Håll layouterna enkla: ett tal, en mening.
Utbildning
Utbildning ska kännas fräscht och uppmuntrande utan att se barnsligt ut. Ny sida går från en djup grön via en vårgrön till en blek lime, som ett nytt övningshäfte, med en gul överstrykningspennsaccent (#ffd84d) för nyckelord. Använd den för listinlägg, pluggtips och kursmeddelanden.
Utbildningsidé: ett listinlägg som folk sparar och kommer tillbaka till.
Gradientidéer för mode, fastigheter och ideella organisationer
Mode
Mode låter kläderna bära färgen, så dess gradient är stillsam och redaktionell: bläcksvart via en varm kolgrå till ekrü, som en studiobakgrund. Den ramar in produktfoton i stället för att konkurrera med dem. Produktsläpp och lookbook-omslag är där den lyser, satta i ett elegant typsnitt.
Modeidé: ett produktsläpp där bakgrunden ramar in i stället för att skrika.
Fastigheter
Fastigheter säljer ljus och rymd. Kalkstenshimmel börjar med en blek blå himmel, passerar en varm putsvit och landar i sandsten, som en solbelyst fasad. Håll objekttexten i en djup skiffergrå. Den fungerar på 16:9-bilder i 1920×1080 och på annonsbanners där foton ligger ovanpå.
Ideella organisationer
Ideella organisationer behöver värme och hopp utan att se ut som en rea. Varm hopp går från korall via orange till guld, och en djup turkos ger text och logotyper ett allvarligt ankare. Den passar insamlingsinlägg, effektsiffror och evenemangsinbjudningar, där budskapet betyder mer än designen.
Så gör du en branschgradient till din egen
Varje bransch har en förväntad gradient, och att använda den talar om för folk vad du gör. Det är användbart, men det får dig också att se ut som alla andra i din kategori. Knepet är att behålla den förväntade stämningen och ändra en sak: en färg, en textur eller hur den rör sig. Färgpsykologi förklarar varför stämningar och färger hänger ihop, och gradient i varumärket visar hur du gör en till en identitet.
| Bransch | Den förväntade gradienten | En twist att prova |
|---|---|---|
| Tech | Marinblått till blått till violett | Sluta i cyan eller lime i stället för violett |
| Finans | Marinblått till klarblått | Petrol och salvia, med en mässingsaccent |
| Träning | Rött till orange | Tona till mörkt plommon för djup |
| Skönhet | Blekrosa till vitt | Lägg till rosalera och ett fint korn |
| Välmående | Ljusgrönt till vitt | Dis till salvia, med mörkgrön text |
| Kaféer | Vanligt brunt | Espresso till crema med en tomataccent |
Vilken gradient du än väljer, testa den med verkliga ord på innan du binder dig; text på en gradient tar upp var texten ska sitta. Om du hellre vill äga en look som ingen annan i din bransch kan använda finns Marknaden i Gradiently, med Marks som har exakt en ägare var, och du kan designa med vilken som helst av dem innan du säkrar en.
Vanliga frågor
Vilka gradientfärger passar ett kafé eller en restaurang?
Varma bruna och gräddvita toner, som espresso #3b2418 till karamell #8a5a3b till crema #e8d3b9, med en liten varm accent för priser och dagens rätt.
Vilken gradient fungerar för ett finansvarumärke?
Djupa, lugna svala toner som bläckmarin, petrolblått och salviaturkos, med en liten mässings- eller guldaccent. Håll kontrasten hög för siffror.
Hur hindrar jag min tech-gradient från att se ut som alla andras?
Behåll det marinblå och blå som signalerar förtroende, men byt ut den vanliga violetta mot en mindre väntad färg som cyan eller lime, eller lägg till en textur som korn.
Vilka gradienter passar varumärken inom välmående och skönhet?
Mjuka gradienter med låg kontrast: dis till salvia för välmående, porslin till rodnad till rosalera för skönhet. Para ihop dem med en djup ankarfärg för text.
Ska en gradient över huvud taget matcha min bransch?
Delvis. Att matcha den förväntade stämningen hjälper folk att förstå vad du gör, medan att ändra ett element, en färg, textur eller rörelse, gör dig igenkännbar inom den.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil
