# Gradientideer for tolv bransjer, med koder [Canonical HTML page](https://gradiently.design/nb/guide/gradient-ideas-by-industry) En kafé bør ikke ligne en bank, og en bank bør ikke ligne en nattklubb. Tolv bransjer, tolv gradienter bygget for stemningen deres, og designet hver av dem gjør best. ## The short version - De beste gradientideene starter med hva en bedrift selger og hvordan den vil at folk skal føle seg, ikke med den gradienten som tilfeldigvis er på moten. - Varme, mørke gradienter passer kafeer og trening; myke gradienter med lav kontrast passer skjønnhet og velvære; dype, kjølige gradienter passer finans og teknologi. - De fleste bransjer har én forventet gradient, som blått til fiolett for teknologi, så én uventet farge eller en tekstur er det som gjør din gjenkjennelig. - Enhver gradientidé trenger et design den gjør godt: et menyinnlegg for en kafé, en nedtelling for et treningssenter, en ren kunngjøring for et finansselskap. - Hold teksten på den roligste delen av gradienten, og bruk én flat farge fra den til små størrelser og logoer. Gode **gradientideer** passer bedriften før de passer trenden. Fargene, kontrasten og retningen bør si noe om hva du selger: varmt og ristet for en kafé, hett og raskt for et treningssenter, dypt og stødig for et finansselskap. Nedenfor er tolv bransjer, hver med en gradient du kan kopiere, en palett og den typen design den passer best til. Bruk dem som utgangspunkt, og gjør dem til dine med ideene på slutten. - Kafeer: Espressocrema: `linear-gradient(160deg, #3b2418 0%, #8a5a3b 50%, #e8d3b9 100%)` - Musikk: Sent sett: `linear-gradient(180deg, #0d0d12 0%, #1e2a78 60%, #00e0c6 100%)` - Arrangementer: Spotlight: `radial-gradient(circle at 30% 20%, #ff3d8b 0%, #6a1b9a 45%, #120824 80%)` - Trening: Hete: `linear-gradient(135deg, #ff5a1f 0%, #ff1f5a 55%, #2a0a2e 100%)` - Skjønnhet: Rougeleire: `linear-gradient(160deg, #f6e7e1 0%, #eec1c0 50%, #c98b86 100%)` - Velvære: Salvietåke: `linear-gradient(180deg, #e7efe6 0%, #b9cdb5 50%, #7f9c86 100%)` - Teknologi: Dypt signal: `linear-gradient(135deg, #0a0f2c 0%, #1d4ed8 50%, #22d3ee 100%)` - Finans: Havn: `linear-gradient(160deg, #0f1c2e 0%, #1f4e5f 60%, #5f9e8f 100%)` - Utdanning: Blankt ark: `linear-gradient(135deg, #0e7c66 0%, #3fb68b 55%, #e8f5c8 100%)` - Mote: Blekk til ecru: `linear-gradient(180deg, #111111 0%, #3a3632 55%, #e9e2d6 100%)` - Eiendom: Kalksteinshimmel: `linear-gradient(180deg, #cfe3f3 0%, #f3ede4 60%, #b9a48c 100%)` - Ideelle: Varmt håp: `linear-gradient(135deg, #e36b5d 0%, #f28c38 50%, #f6c35b 100%)` Tolv gradientideer, én per bransje. Hver av dem forklares i sin seksjon nedenfor. ## Gradientideer for kafeer, musikk og arrangementer ### Kafeer og restauranter Mat vil ha varme. Espressocrema går fra ristet brunt via karamell til melkeaktig krem, så den leses som kaffe før noen ser en kopp. Sett menyen eller dagens rett på den lyse enden i mørkebrun skrift. Designet den gjør best, er et enkelt menyinnlegg med én overskrift og en pris. [Merkevare for restauranter](https://gradiently.design/nb/guide/cafe-restaurant-branding) dekker resten av identiteten. - Espresso: #3b2418 - Karamell: #8a5a3b - Crema: #e8d3b9 - Melk: #faf4ec - Tomataksent: #c8553d Kafépalett. Tomataksenten er bare til priser og dagens retter. ### Musikk Musikkgrafikk lever som regel i lite format, som et kvadrat i en avspiller, så den trenger en sterk mørk tone og én lys farge som overlever i miniatyrstørrelse. Sent sett stiger fra nesten svart via indigo til en syrlig blågrønn, som lys som renner ut over en scene. Bruk den til spillelistecover i 1080×1080 og kunngjøringer av utgivelser. ### Arrangementer Arrangementer låner fra scenelys: en sterk rosa spotlight som faller av mot fiolett og svart. En radial gradient gjør dette bedre enn en lineær, fordi den har en kilde. Plasser navnet på arrangementet i det mørke området og datoen i det lyse. [Merkevare for arrangementer](https://gradiently.design/nb/guide/event-branding) viser hvordan du tar den fra plakat til armbånd. Et stående kaféinnlegg med teksten Flat white med havre, hele dagen Kaféidé: én linje, ett tilbud, en varm bunn. En stående arrangementshistorie med teksten Dørene åpner ni og billettinformasjon Arrangementsidé: en historie med klokkeslettet stort og detaljene små. ## Gradientideer for trening, skjønnhet og velvære ### Trening Treningsgradienter bør føles som innsats: het oransje mot rødrosa, som toner ut i mørk plomme. Diagonalen gir bevegelse. Hvit skrift leses godt i det mørke hjørnet, så legg tallene der, som repetisjoner, tider og datoer for timer. Nedtellingsinnlegg og kunngjøringer av utfordringer er det naturlige hjemmet. ### Skjønnhet Skjønnhet vil ha hudnære farger: porselen, rouge og rosa leire, med lav kontrast mellom stegene så gradienten føles myk og ikke grafisk. En dyp plomme er det voksne ankeret for skrift og logoer. Den passer til produktlanseringer og før-og-etter-innlegg, og den går godt sammen med et fint korn. - Porselen: #f6e7e1 - Rouge: #eec1c0 - Rosa leire: #c98b86 - Nude: #d9b8a0 - Plomme: #5e2a3f Skjønnhetspalett. Fire myke toner og én dyp plomme til ord. ### Velvære Velvære handler om å roe ned, så gradienten bør være den roligste her: blek tåke til salvie, fra topp til bunn, nesten uten kontrast. Hold skriften mørkegrønn i stedet for svart. Ett enkelt sitat eller en pusteøvelse i en historie er designet den ble laget for. Et stående treningsinnlegg med teksten Seks uker til din første 10 km Treningsidé: en nedtelling gjør en time til et mål. En stående historie med linjen Pust saktere ut enn inn Velværeidé: én rolig linje med luft rundt seg. ## Gradientideer for teknologi, finans og utdanning ### Teknologi Teknologigradienter er de mest overfylte i noen bransje: marine til blått til fiolett er overalt. Dypt signal beholder marine og blått for tillit, men ender i cyan i stedet for fiolett, og det er nok til å tre ut av flokken. Den passer til lanseringsgrafikk, endringslogginnlegg og Open Graph-bilder i 1200×630. ### Finans Penger trenger ro og tyngde. Havn går fra blekkmarine via petroleumsblå til salvieblågrønn, med messing som en liten aksent for tall og overskrifter. Den unngår de skarpe grønnfargene fra aksjekurser, som kan leses som alarm like lett som vekst. Hold layoutene enkle: ett tall, én setning. - Blekkmarine: #0f1c2e - Havn: #1f4e5f - Salvieblågrønn: #5f9e8f - Papir: #f4f1ea - Messing: #c9a24a Finanspalett. Papir er den lyse bunnen for rapporter; messing er til ett tall per side. ### Utdanning Utdanning bør føles frisk og oppmuntrende uten å se barnslig ut. Blankt ark går fra dypgrønt via vårgrønt til blek lime, som en ny skrivebok, med en gul aksent som en markeringstusj (#ffd84d) til nøkkelord. Bruk den til listeinnlegg, lesetips og kunngjøringer av kurs. Et stående innlegg med tittelen Tre måter å lese smartere på i et listeoppsett Utdanningsidé: et listeinnlegg folk lagrer og kommer tilbake til. ## Gradientideer for mote, eiendom og ideelle organisasjoner ### Mote Mote lar klærne bære fargen, så gradienten er stille og redaksjonell: blekksvart via varm koksgrå til ecru, som et bakteppe i et studio. Den rammer inn produktbilder i stedet for å konkurrere med dem. Produktlanseringer og forsider til lookbooker er der den skinner, satt i én elegant skrift. Et stående moteinnlegg som kunngjør Høstens utvalg, nytt inn Moteidé: en produktlansering der bakgrunnen rammer inn i stedet for å rope. ### Eiendom Eiendom selger lys og rom. Kalksteinshimmel starter med en blek blå himmel, går gjennom en varm pusshvit og faller til ro i sandstein, som en solbelyst fasade. Hold teksten i annonsene i dyp skifer. Den fungerer på lysbilder i 16:9 på 1920×1080 og på annonsebannere der bilder ligger oppå. ### Ideelle organisasjoner Ideelle organisasjoner trenger varme og håp uten å se ut som et salg. Varmt håp går fra korall via oransje til gull, og en dyp blågrønn gir skrift og logoer et alvorlig anker. Den passer til innsamlingsinnlegg, tall på effekt og invitasjoner til arrangementer, der budskapet betyr mer enn designet. - Dyp blågrønn: #0f4c5c - Korall: #e36b5d - Soloppgang: #f28c38 - Varmt gull: #f6c35b - Krem: #fbf3e4 Palett for ideelle. Dyp blågrønn til ord, de tre varme til gradienten, krem til lang lesing. ## Slik gjør du en bransjegradient til din egen Hver bransje har en forventet gradient, og å bruke den forteller folk hva du driver med. Det er nyttig, men det får deg også til å ligne alle andre i kategorien din. Trikset er å beholde den forventede stemningen og endre én ting: en farge, en tekstur eller måten den beveger seg på. [Fargepsykologi](https://gradiently.design/nb/guide/color-psychology) forklarer hvorfor stemninger og farger henger sammen, og [gradient i merkevarebygging](https://gradiently.design/nb/guide/gradient-branding) viser hvordan du gjør en til en identitet. | Bransje | Den forventede gradienten | En vri du kan prøve | | --- | --- | --- | | Teknologi | Marine til blått til fiolett | Avslutt i cyan eller lime i stedet for fiolett | | Finans | Marine til klar blå | Petroleum og salvie, med en messingaksent | | Trening | Rødt til oransje | Ton ut i mørk plomme for dybde | | Skjønnhet | Blek rosa til hvitt | Legg til rosa leire og et fint korn | | Velvære | Lysegrønt til hvitt | Tåke til salvie, med mørkegrønn skrift | | Kafeer | Vanlig brun | Espresso til crema med en tomataksent | Behold stemningen bransjen forventer, endre ett element. Uansett hvilken gradient du velger, bør du teste den med ekte ord på før du bestemmer deg; [tekst på en gradient](https://gradiently.design/nb/guide/text-on-gradient) viser hvor skriften bør stå. Vil du heller eie et uttrykk ingen andre i bransjen din kan bruke, har [Markedet](/market) i Gradiently Marks med nøyaktig én eier hver, og du kan designe med hvilken som helst av dem før du sikrer deg en. ## FAQ ### Hvilke gradientfarger passer en kafé eller restaurant? Varme brun- og kremtoner, som espresso #3b2418 til karamell #8a5a3b til crema #e8d3b9, med én liten varm aksent til priser og dagens retter. ### Hvilken gradient fungerer for en finansmerkevare? Dype, rolige, kjølige toner som blekkmarine, petroleumsblå og salvieblågrønn, med en liten aksent i messing eller gull. Hold kontrasten høy for tall. ### Hvordan unngår jeg at teknologigradienten min ligner alle andres? Behold marine og blått, som signaliserer tillit, men bytt ut den vanlige fiolette med en mindre forventet farge som cyan eller lime, eller legg til en tekstur som korn. ### Hvilke gradienter passer merkevarer innen velvære og skjønnhet? Myke gradienter med lav kontrast: tåke til salvie for velvære, porselen til rouge til rosa leire for skjønnhet. Kombiner dem med en dyp ankerfarge til skrift. ### Bør en gradient i det hele tatt passe bransjen min? Delvis. Å treffe den forventede stemningen hjelper folk å forstå hva du driver med, mens å endre ett element, en farge, en tekstur eller en bevegelse, gjør deg gjenkjennelig innenfor den.