# Gradientidéer för tolv branscher, med koder [Canonical HTML page](https://gradiently.design/sv/guide/gradient-ideas-by-industry) Ett kafé ska inte se ut som en bank, och en bank ska inte se ut som en nattklubb. Tolv branscher, tolv gradienter byggda för deras stämning, och den design var och en gör bäst. ## The short version - 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. 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. - Kaféer: Espressocrema: `linear-gradient(160deg, #3b2418 0%, #8a5a3b 50%, #e8d3b9 100%)` - Musik: Sent set: `linear-gradient(180deg, #0d0d12 0%, #1e2a78 60%, #00e0c6 100%)` - Evenemang: Strålkastare: `radial-gradient(circle at 30% 20%, #ff3d8b 0%, #6a1b9a 45%, #120824 80%)` - Träning: Hetta: `linear-gradient(135deg, #ff5a1f 0%, #ff1f5a 55%, #2a0a2e 100%)` - Skönhet: Rodnadslera: `linear-gradient(160deg, #f6e7e1 0%, #eec1c0 50%, #c98b86 100%)` - Välmående: Salviadis: `linear-gradient(180deg, #e7efe6 0%, #b9cdb5 50%, #7f9c86 100%)` - Tech: Djup signal: `linear-gradient(135deg, #0a0f2c 0%, #1d4ed8 50%, #22d3ee 100%)` - Finans: Hamn: `linear-gradient(160deg, #0f1c2e 0%, #1f4e5f 60%, #5f9e8f 100%)` - Utbildning: Ny sida: `linear-gradient(135deg, #0e7c66 0%, #3fb68b 55%, #e8f5c8 100%)` - Mode: Bläck till ekrü: `linear-gradient(180deg, #111111 0%, #3a3632 55%, #e9e2d6 100%)` - Fastigheter: Kalkstenshimmel: `linear-gradient(180deg, #cfe3f3 0%, #f3ede4 60%, #b9a48c 100%)` - Ideellt: Varm hopp: `linear-gradient(135deg, #e36b5d 0%, #f28c38 50%, #f6c35b 100%)` Tolv gradientidéer, en per bransch. Var och en förklaras i sitt avsnitt nedan. ## 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](https://gradiently.design/sv/guide/cafe-restaurant-branding) tar upp resten av identiteten. - Espresso: #3b2418 - Karamell: #8a5a3b - Crema: #e8d3b9 - Mjölk: #faf4ec - Tomataccent: #c8553d Kafépalett. Tomataccenten är bara till priser och dagens rätt. ### 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](https://gradiently.design/sv/guide/event-branding) visar hur du för det vidare från affisch till armband. Ett stående kafeinlägg med texten Havre-flat white hela dagen Kafé-idé: en rad, ett erbjudande, en varm botten. En stående evenemangsstory med texten Dörrarna öppnar nio och biljettinformation 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. - Porslin: #f6e7e1 - Rodnad: #eec1c0 - Rosalera: #c98b86 - Nude: #d9b8a0 - Plommon: #5e2a3f Skönhetspalett. Fyra mjuka toner och ett djupt plommon för ord. ### 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. Ett stående träningsinlägg med texten Sex veckor till din första 10K Träningsidé: en nedräkning gör ett pass till ett mål. En stående story med raden Andas ut långsammare än in 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. - Bläckmarin: #0f1c2e - Hamn: #1f4e5f - Salviaturkos: #5f9e8f - Papper: #f4f1ea - Mässing: #c9a24a Finanspalett. Papper är den ljusa botten för rapporter; mässing är till en siffra per sida. ### 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. Ett stående inlägg med titeln Tre sätt att plugga smartare i en listlayout 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. Ett stående modeinlägg som tillkännager Höstens urval, nytt 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. - Djup turkos: #0f4c5c - Korall: #e36b5d - Soluppgång: #f28c38 - Varmt guld: #f6c35b - Grädde: #fbf3e4 Palett för ideella organisationer. Djup turkos för ord, de tre varma för gradienten, grädde för långläsning. ## 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](https://gradiently.design/sv/guide/color-psychology) förklarar varför stämningar och färger hänger ihop, och [gradient i varumärket](https://gradiently.design/sv/guide/gradient-branding) 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 | Behåll stämningen branschen förväntar sig, ändra ett element. Vilken gradient du än väljer, testa den med verkliga ord på innan du binder dig; [text på en gradient](https://gradiently.design/sv/guide/text-on-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](/market) 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. ## FAQ ### 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.