Farvevalg til hjemmeside – Få en vurdering af din farvepalette
Gode og rigtige farver betyder meget. Jeg kan vurdere om dit logo og din hjemmeside trænger til et bedre farvevalg – og styre processen eller sætte dig sammen med en dygtig grafiker.
Farvevalg til hjemmesider handler sjældent om at finde den pæneste blå farve. Det handler om, hvordan du påvirker folk, der ikke kender dig endnu: Tryghed, troværdighed, ro, professionalisme – og om de kan afkode siden hurtigt. Og så handler det helt lavpraktisk om læsevenlighed: Kontraster der fungerer, tekst der er let at læse og ikke flimrer på mobil, og knapper (CTA’er) der er tydelige.
Jeg ser ofte at farver til hjemmeside går galt hos små og mellemstore virksomheder som håndværkere, konsulenter, revisorer, behandlere og foreninger. Måske fordi det er selvgjort, lavet af amatører eller ikke er opdateret eller tilpasset i flere årtier. Det dur ikke fordi de besøgende danner sig et indtryk på få sekunder. Hvis farverne er ikke passer sammen, er for svage eller tilfældige, smitter det negativt af på hele oplevelsen, også selvom du leverer et godt stykke arbejde i virkeligheden.
Den gode nyhed er, at man kan forbedre det ret systematisk. Start med logoet, hvis du ikke allerede har et, der kan bære en hel identitet. Logoet sætter typisk rammen for farver på hjemmeside, tryksager og alt det andet. Her på siden gennemgår jeg, hvordan man bruger farver korrekt (sammensætning, tekstfarver og en klar sekundær farve til CTA). Jeg kan også vurdere om dit nuværende logo eller din hjemmeside trænger til et designløft. Jeg laver ikke grafikken selv, men jeg kan styre processen og sætte dig sammen med en dygtig grafiker – især når jeg alligevel bygger en ny WordPress hjemmeside eller optimerer en eksisterende.
Hvorfor betyder farvevalg så meget på en hjemmeside?
Farver og farvesammensætningen på en hjemmeside er en stor del af det første indtryk, og det første indtryk bliver dannet på få sekunder. Det er her folk ubevidst vurderer om du virker seriøs og troværdig.
Når en besøgende lander på din side, læser de sjældent alt fra toppen. De scanner. Og farverne hjælper dem med at forstå hvad der er vigtigt. Hvis alt er rodet eller dårligt opsat, virker det ikke efter hensigten.
Farver styrer fokus og gør det nemmere for den besøgende at foretage en handling
En god farvepalette gør tre ting i praksis. Den gør teksten let at læse, den guider øjet hen til de rigtige steder, og den gør det nemmere at genkende dig næste gang man ser dit navn.
- Kontrastfarver der virker. Sort tekst på hvid baggrund er måske kedeligt, men det er også derfor det virker. Lys grå tekst på hvid baggrund ser “lækkert” ud på en designers skærm, men er elendigt på en mobil i sollys.
- En tydelig CTA-farve. Hvis knapper, links og “ring/skriv”-handlinger har samme farve som alt andet, så er det sværere at finde og så bliver der ikke klikket.
- Ro i layoutet. 1-2 primære farver plus en enkelt variant er ofte rigeligt. Når der er 7 farver, 4 skrifttyper og 12 forskellige knapfarver, så drukner budskabet.
Din hjemmeside skal matche det du sælger
Hvis du er håndværker, revisor, behandler, konsulent eller en forening, så sælger du i høj grad tryghed. Folk skal turde ringe. De skal turde lægge deres økonomi, deres krop eller deres hus i dine hænder. Farverne skal støtte den følelse, ikke modarbejde den.
Jeg ser især to klassiske fejl. Den ene er at man vælger farver man “godt kan lide”, men som signalerer noget helt andet end man tror. Den anden er at man prøver at få alle farver fra logoet med overalt, og så ender det med noget uprofessionelt.
Forkert farvevalg koster troværdighed og henvendelser
Dårlige farver kan gøre en ellers fin hjemmeside svær at bruge. Og når noget er besværligt, så smutter folk bare videre. Det handler om at gøre det nemt at forstå hvem du er, hvad du laver, og hvad næste skridt er.
Skriv og fortæl hvad du sælger, så finder vi farver der passerStart med logoet – derefter farver til hjemmeside
Hvis du er i gang med en ny hjemmeside, så er der én ting jeg bliver ved med at vende tilbage til, fordi det sparer tid og giver et bedre resultat. Start med logoet. Ikke fordi et logo skal være fancy, men fordi det sætter retningen for alt det andet du kommer til at bruge penge på, både online og offline.
Jeg har set mange små virksomheder starte med at vælge “en pæn blå” til hjemmesiden, og så bagefter få lavet et logo der går i en helt anden retning. Resultatet bliver sådan lidt tilfældigt. Og så begynder man at lappe. Nyt visitkort her, ny Facebook-header der, og pludselig har du fem forskellige udtryk alt efter hvor folk møder dig.
Logoet går igen i alt, også når du ikke tænker over det
Et logo er ikke bare noget der ligger oppe i hjørnet. Det ender på bil, arbejdstøj, fakturaer, tilbud, skilte, Google-profil, sociale medier og selvfølgelig på hjemmesiden. Derfor giver det mening at få en professionel ind over, der kan lave noget genkendeligt, og som har tænkt farver og grafiske elementer ind fra start. Ikke “kunst”, men noget der passer til din virksomhed og dine kunder.
Sådan bruger jeg logoet til at bygge farverne til hjemmesiden
Når logoet er godt, er det nemmere at vælge farver til hjemmesiden. Farverne i logoet kan typisk genbruges som grundfarve og sekundærfarve, så dit udtryk hænger sammen. Og så bygger jeg en lille palette ovenpå, så du ikke ender med 12 tilfældige nuancer der bliver brugt lidt hist og pist.
- Grundfarve som typisk går igen i top, links og små markeringer.
- Sekundærfarve til bokse, ikoner og elementer der skal støtte indholdet uden at råbe.
- Neutrale farver til baggrunde og tekst, så det hele er læsbart og roligt.
- En CTA-farve til knapper, som skiller sig ud uden at ligne et tilbudsskilt i neon.
Det er også her “webfarver” kommer ind. Nogle farver ser fine ud på print, men bliver hårde eller mudrede på en skærm. Så jeg tester altid farverne i praksis, på mobil og desktop, og i de typiske sektioner som forside, kontakt og services. Det er ofte små justeringer, men de gør en stor forskel for helhedsindtrykket.
Når et professionelt logo giver mening
Hvis du har et logo du selv har lavet for 10 år siden, kan det godt være “godt nok”. Men hvis det begrænser dig, eller hvis det ser hjemmelavet ud på alt fra hjemmeside til tryksager, så er det tit et af de steder hvor det bedst kan betale sig at få styr på tingene først.
Når logo og farver spiller, bliver resten af designarbejdet på hjemmesiden meget nemmere. Så kan jeg fokusere på struktur, indhold og de sider der rent faktisk skal skaffe dig henvendelser.
Se hvornår et professionelt logo giver meningFarvepsykologi – hvad signalerer farverne?
Når jeg hjælper en mindre virksomhed med en WordPress hjemmeside, ender farver næsten altid med at fylde mere end folk tror. Ikke fordi jeg synes det er “sjovt design”, men fordi farver er en genvej ind i maven på folk. Du kan have den bedste tekst i verden, men hvis farverne skriger “forkert branche” eller “billigt”, så har du tabt lidt tillid allerede inden de har læst første linje.
Farvepsykologi er ikke en facitliste. Det er mere sådan noget med mønstre jeg har set igen og igen gennem årene, når jeg har bygget kundesider og testet ting af på mine egne projekter. Folk reagerer ret ens på bestemte farver, også selvom de ikke kan sætte ord på hvorfor.
De klassiske associationer som ofte holder i praksis
Her er et hurtigt overblik. Det er ikke “regler”, men det er et godt udgangspunkt, når du skal vælge et farvespor der matcher det, du sælger.
- Blå forbindes ofte med tillid, ro og professionalisme. Det er derfor du ser blå hos alt fra banker til revisorer og B2B-virksomheder.
- Grøn peger tit mod vækst, natur og tryghed. Den fungerer godt til sundhed, behandling, bæredygtighed og alt hvor du gerne vil virke jordnær.
- Rød er energi, handling og opmærksomhed. Den kan være effektiv til knapper og highlights, men for meget rød kan også føles som alarm eller stress.
- Gul signalerer optimisme og ungdom, men den kan også give discount-vibes. I Danmark får mange hurtigt en “Netto”-association, så gul skal bruges med omtanke.
- Sort og hvid handler meget om kontrast, læsbarhed og et rent udtryk. Sort kan give elegance, men kan også blive hårdt hvis alt er mørkt.
- Orange føles varm, kreativ og imødekommende. Den kan være god til call-to-action, men kan også blive lidt “for meget”, hvis den dominerer.
- Lilla kan signalere luksus, spiritualitet eller noget lidt mere alternativt. Den er stærk, men passer ikke til alle brancher.
Match farverne til din virksomhed og dine kunder
Det vigtigste er at farverne passer til det, du vil have folk til at føle, når de lander på siden. Ikke hvad du selv synes er pænt. Jeg har set alt for mange hjemmesider hvor farverne er valgt efter ejerens yndlingsfarve, og så ender det med et udtryk der ikke matcher det man sælger.
Hvis du for eksempel er revisor, så er det sjældent smart at gå all-in på skrigende orange og lilla. Det kan godt være det ser “friskt” ud, men det er ikke det, folk leder efter, når de skal vælge en person til at håndtere deres økonomi. Omvendt kan en behandler eller terapeut tit vinde meget på rolige farver som grøn og blå, fordi det understøtter tryghed og ro allerede fra første sekund.
Skal du have hjælp til din visuelle identitet?Farvepalette og webfarver
Når du først har valgt en retning med logo og “stemning”, så handler det her ikke om at finde 27 flotte farver. Det handler om at vælge få farver og bruge dem konsekvent. Det er typisk dér jeg ser hjemmesider falde fra hinanden visuelt. Ikke fordi farverne er grimme, men fordi de bliver brugt tilfældigt fra side til side.
Min erfaring er at “less is more”, især for små virksomheder. En simpel farvepalette gør det nemmere at designe, nemmere at udbygge senere og nemmere at få et site til at se “samlet” ud uden at det bliver tungt og rodet.
Hold paletten stram med 2–3 grundfarver
Jeg plejer at tænke i 2–3 grundfarver plus en baggrundsfarve og en tekstfarve. Det kan fx være en primær farve (din “brandfarve”), en sekundær farve (til variation) og en variationsfarve (til knapper og små highlights). Hvis du vil have en tommelfingerregel, så er 60-30-10-princippet ret brugbart.
- 60% er base, typisk baggrund og store flader
- 30% er sekundær farve, fx bokse, sektioner eller grafiske elementer
- 10% er variation, typisk knapper, links og små markeringer
Det lyder simpelt, men det virker. Og det gør det også nemmere at tage beslutninger, når du senere skal lave en ny landingsside eller en kampagne. Du slipper for at “finde på” nye farver hver gang.
Webfarver og websikre farver handler om konsistens
Du har sikkert hørt udtrykket “websikre farver”. I praksis handler det om at vælge farver der gengives stabilt på skærme, og så bruge dem ens overalt. Skærme er forskellige, og farver kan se lidt anderledes ud fra mobil til laptop, men du kan undgå meget rod ved at holde dig til faste farvekoder.
Det er her hex-koder kommer ind i billedet. En hex-kode er den lille farvekode der starter med #, fx #1A73E8. Den beskriver farven helt præcist. Nogle steder kan du også bruge RGB, som er samme idé bare skrevet som tal, fx rgb(26, 115, 232).
Til offline materiale arbejder grafikere og trykkerier med CMYK farvekoder. CMYK (Cyan, Magenta, Yellow, Key/Black) er fundamentet for, hvordan trykkerier gengiver farver på papir, emballage og andre fysiske materialer. Når du bestiller en fuld visuel identitet hos en grafiker, så ender du tit med en designmanual hvor farvekoderne til forskellige formål er beskrevet.
HTML farvekoder gør det nemt at bygge videre uden sjusk
Når farverne er fastlagt som konkrete koder, kan de bruges direkte i dit WordPress-tema, i CSS og i knapper, links og baggrunde. Det lyder nørdet, men fordelen er åbenlys. Hvis du en dag får hjælp af en grafiker, eller hvis jeg skal lave nye sider til dig, så arbejder vi ud fra de samme farver i stedet for “den der blå du brugte på forsiden”.
Jeg har set mange sites hvor farven på knapperne skifter en lille smule fra side til side, fordi nogen har “gættet” sig frem. Det ser uroligt ud, og det er unødvendigt. En lille farvepalette med faste koder gør det hele mere stramt.
Online farvevælgere gør det hurtigt at finde et godt match
Hvis du mangler inspiration eller vil teste kombinationer, så findes der fine værktøjer som Adobe Color, Coolors og Color Hunt. De kan hjælpe dig med at finde en palette og få hex-koderne med det samme.
Når paletten først er på plads, bliver næste skridt typisk at sikre at farverne også fungerer i praksis på knapper, links og tekst, uden at læsbarheden ryger.
Lad mig give dig feedback på din visuelle identitetSådan bruger du farver korrekt på en hjemmeside
Når jeg ser hjemmesider der “ikke virker” på grund af deres førstehåndsindtryk, er det tit ikke fordi de mangler indhold. Det er fordi farverne stikker i alle retninger, og så føles siden utryg og rodet på 3 sekunder. Det er ekstra ærgerligt, fordi farver er noget af det nemmeste at få styr på, hvis man følger nogle få, faste regler.
Jeg bygger WordPress-sites ud fra en skabelonbaseret tilgang, og det tvinger mig faktisk til at være konsekvent. Det lyder kedeligt, men i praksis er det en kæmpe fordel. Du ender med et udtryk der hænger sammen, og du slipper for at dine landingssider ser forskellige ud.
Hold dig til få farver og giv dem faste roller
Hvis du bruger 7-8 farver, bliver det hurtigt cirkus. Jeg anbefaler næsten altid at du tænker i roller, ikke i “flotte farver”. En grundfarve som bærer dit udtryk, en sekundær farve til variation, og en kontrastfarve som kun bruges til det vigtige.
- Grundfarve: Brug den i header, links, ikoner eller små grafiske elementer, så sitet får en rød tråd.
- Sekundær farve: Brug den til bokse, baggrunde på sektioner eller små highlights, så alt ikke ser ens ud.
- Kontrastfarve: Brug den til knapper og handlinger, så det er tydeligt hvad man kan gøre.
Læsbarhed slår altid design
Jeg ved godt at lys grå tekst på lys baggrund kan se “stilrent” ud i en PDF. På en hjemmeside er det ofte bare træls at læse. Især på mobil og især hvis du har kunder der ikke sidder med næsen 30 cm fra skærmen.
Som tommelfingerregel ender jeg næsten altid med sort eller mørkegrå tekst på hvid eller meget lys baggrund. Det er ikke fancy. Det er bare det der virker. Og så kan du godt lege med farver i overskrifter, linjer og små elementer, uden at selve teksten bliver svær at afkode.
Én tydelig CTA-farve og den skal være den samme overalt
Knapper er der hvor du vil have folk til at gøre noget. Så de skal ikke ligne en tilfældig “pæn boks”. Jeg ser tit sites hvor “Kontakt” er grøn på forsiden, blå på en underside og orange i footeren. Det gør folk i tvivl, og tvivl giver færre henvendelser.
Vælg én kontrastfarve til dine primære knapper og hold dig til den. Brug den samme farve på alle CTA’er på sitet. Så lærer øjet hurtigt hvad der er en handling, og du slipper for at forklare det med tekst og pile og alt muligt andet.
Konsistens på tværs af sider gør at du ligner et rigtigt brand
Mange undervurderer betydningen af genkendelighed og enkelthed. Det er ikke én enkelt farve der gør forskellen. Det er gentagelsen. Når farverne er de samme på alle sider, føles det som én samlet virksomhed. Når paletten skifter, føles det som om siden er bygget af flere forskellige leverandører, eller som om den er lappet sammen over tid.
Hvis du vil, kan jeg hjælpe dig med at få paletten sat rigtigt op i dit tema, så farverne ligger som faste valg i Gutenberg, og så du ikke ender med 12 næsten-ens blå nuancer, fordi nogen lige “valgte en anden farve” på en travl dag.
Skriv og fortæl hvad du vil have dine farver til at signalereLæsevenlighed og kontrast
Hjemmesidefarver er fine nok, men hvis man ikke kan læse teksten, er resten ligegyldigt. Jeg ser det igen og igen på hjemmesider, især når der er en grafiker (eller en skabelon) der har vundet over sund fornuft. Det ser “lækkert” ud på en stor skærm, men på mobil og for folk med lidt trætte øjne bliver det bare anstrengende.
Kontrast handler helt enkelt om forskellen mellem tekstfarven og baggrunden. Jo lavere kontrast, jo mere skal hjernen arbejde, og jo hurtigere smutter folk videre. Det gælder især brødtekst, hvor du forventer at folk faktisk læser mere end to linjer.
De valg der næsten altid virker
Hvis du vil være på den sikre side, så hold det simpelt. Jeg ender ofte med at skubbe kunder væk fra “smarte” farver i tekst, fordi det giver bøvl senere.
- Mørk tekst på lys baggrund er den mest læsbare kombination for de fleste
- Gem de stærke farver til knapper, highlights og små elementer, ikke lange tekstblokke
- Undgå lys grøn på hvid og andre “pastel på hvid” kombinationer til brødtekst
- Vær forsigtig med blå/lilla nuancer i små størrelser, de bliver hurtigt utydelige
Webtilgængelighed og farveblindhed i praksis
Det næste er tilgængelighed. Det lyder som noget der kun gælder offentlige sites, men i praksis handler det om at du ikke skal miste besøgende på noget så simpelt som farver.
Farveblindhed er den klassiske. Hvis du fx markerer “ok” med grøn og “fejl” med rød, så er der en del der ikke kan se forskellen. Løsningen er ikke at gøre alt sort/hvid. Løsningen er at du ikke kun kommunikerer med farve.
- Brug også tekst, ikoner eller en form (fx flueben vs kryds)
- Brug understregning på links, ikke kun en anden farve
- Hvis noget er vigtigt, så gør det tydeligt på flere måder end én
Tjek kontrasten med et værktøj
Jeg sidder ikke og gætter. Der findes gratis kontrasttjekkere online (f.eks. denne), hvor du indtaster to farver og får et klart svar på om kontrasten er god nok. Det tager 30 sekunder, og det er en af de der små ting, der gør en hjemmeside rar at bruge.
Skriv til mig hvis du vil have mig til at tjekke dit designFarver til CTA og call-to-action
Når jeg kigger på hjemmesider der ikke skaffer henvendelser, er der én klassiker der går igen. Knapperne ligner resten af siden. Og det koster konverteringer, fordi du har gjort det for svært at se, hvad næste skridt er.
En CTA-knap skal skille sig ud fra brødtekst, overskrifter og “pæne” designelementer. Det betyder typisk en kontrastfarve som du ikke bruger andre steder. Ikke 12 forskellige knapfarver, ikke “lidt mørkere blå end links”. Én farve som råber (på den pæne måde) “tryk her”.
Kontrastfarven er din ven
Jeg ender ofte med at vælge en CTA-farve som ligger langt fra resten af paletten. Hvis dit site er blåt og gråt, så kan en varm farve være det der gør forskellen. Rød og orange bliver tit brugt fordi de står tydeligt frem. Grøn fungerer også godt, fordi den for mange betyder “go” eller “videre”. Nogle gange giver din egen brand-kontrastfarve mest mening, hvis den i forvejen er tænkt som accent.
Én tydelig CTA-farve på hele sitet
Det vigtigste er ikke at finde “den magiske farve”. Det vigtigste er at være konsekvent. Når du bruger samme CTA-farve på hele sitet, lærer brugeren hurtigt mønsteret. Den knapfarve er handling. Det gælder både på forsiden, på ydelsessider og på landingssider.
- Brug CTA-farven til de vigtigste knapper (kontakt, tilbud, book tid)
- Undgå at bruge CTA-farven til pynt, ikoner og tilfældige highlights
- Hold sekundære knapper neutrale, så de ikke stjæler fokus
A/B-test giver mening når du har nok trafik
A/B-test af CTA-farver kan være fint, men i praksis giver det kun mening hvis du har nok besøgende til at se en reel forskel. Ellers ender du med at “teste” på 37 mennesker og konkludere noget tilfældigt. Start med én gennemført CTA-farve, og få styr på resten af siden først. Når fundamentet er på plads, kan du optimere videre på knapper, tekster og landingssider.
Skriv og fortæl hvor dine besøgende falder fraHar du brug for et designløft? Jeg vurderer og styrer processen
Når jeg kigger på en eksisterende hjemmeside eller et logo, kan jeg som regel ret hurtigt se om det “bare” er småjusteringer der mangler, eller om det hele trænger til et reelt designløft. Det handler sjældent om at lave noget smart. Det handler om at få ro, genkendelighed og et farvevalg der faktisk passer til det du laver.
Det jeg typisk vurderer først er om dit logo er godt nok. Ikke fordi logoet skal være fancy, men fordi et logo ofte bestemmer farverne, typografien og stilen. Hvis logoet er utydeligt, har mærkelige farver, eller kun findes i en sløret JPG fra 2012, så ender hjemmesiden næsten altid med at se “hjemmelavet” ud, uanset hvor godt resten er bygget.
Jeg siger det som det er om logo, farver og stil
Gennem årene har jeg set mange små virksomheder bruge tid og penge på at få lavet en ny hjemmeside, mens de slæber rundt på et logo og en visuel stil der spænder ben for det hele. Så ender man med en dårlig løsning. En ny knapfarve her, en ny baggrund der, og så ligner det stadig ikke noget der hænger sammen.
Jeg kan hjælpe dig med at vurdere hvad der giver mening at ændre, og hvad der bare er støj. Nogle gange er løsningen at beholde logoet, men stramme farvepaletten op og få valgt 1-2 primære farver plus en ordentlig neutral base. Andre gange er det logoet der skal tegnes op igen, så det fungerer i praksis på en hjemmeside, på mobil og på andre ting som f.eks. skilte og firmabiler.
Jeg laver ikke grafisk design, men jeg kan styre det for dig
Jeg udfører ikke det grafiske design selv. Det er et bevidst valg, fordi grafisk design er et fag i sig selv. Til gengæld har jeg et netværk af dygtige grafikere, som jeg kan sætte dig sammen med, hvis det er det rigtige næste skridt.
Og det er her det bliver praktisk for dig. Hvis jeg samtidig skal lave en ny hjemmeside eller optimere den du har, så giver det rigtig god mening at jeg koordinerer det hele, så farver, fonte, billeder og layout spiller sammen med det tekniske og indholdet. Ellers ser jeg ofte at en grafiker leverer noget der ser flot ud i en PDF, men som er bøvlet at omsætte til et hurtigt og brugervenligt WordPress-site.
Én kontaktperson og en proces der ikke går i stå
Mange af mine kunder har ikke lyst til at være projektleder på deres egen hjemmeside. Det forstår jeg godt. Når du kun har én kontaktperson, slipper du for at:
- Brief’e en grafiker og en udvikler hver for sig og håbe de rammer samme retning
- Stå med to fagfolk, der ikke er vant til at samarbejde, der peger fingre, hvis noget ikke passer sammen
- Ende med farver og designvalg der ser fine ud isoleret, men ikke fungerer i knapper, overskrifter og CTA’er
Jeg kan holde trådene samlet og sørge for at det visuelle løft ikke bliver et sideprojekt der trækker ud, men noget der faktisk lander i en hjemmeside der virker i praksis.
Hvis du er i tvivl om det er logoet, farverne eller hele hjemmesiden der skal løftes, så tager vi den derfra.
Book en uforpligtende snak om logo, farver og designløftFarvevalg som del af grafisk design
Farver kan hurtigt komme til at lyde som sådan en “smagssag”. Men når jeg sidder med en ny hjemmeside eller et redesign, ser jeg igen og igen at farverne først giver mening, når de hænger sammen med resten af det grafiske design. Ellers ender man med et site der føles lidt tilfældigt, selvom alt teknisk set er “pænt”.
Grafisk design er i praksis et sæt små beslutninger der skal spille sammen. Logo, farver, typografi og nogle simple designretningslinjer er grundlaget. Det behøver ikke være en stor brand-manual på 40 sider. For mange små virksomheder er det nok med en rød tråd, så man ikke skifter stil fra side til side, eller får en hjemmeside der ligner tre forskellige leverandører har været inde over.
Når du alligevel får lavet ny hjemmeside, giver det ofte mening at få løftet den visuelle identitet samtidig. Det sparer tid, og du slipper for at jeg skal gætte mig frem til “hvad der passer”, eller at du senere skal have lavet et halvt redesign fordi logo, farver og fonte ikke matcher det udtryk du gerne vil have.
Et godt farvevalg understøtter troværdighed, læsevenlighed og CTA’er, men det virker bedst når det passer ind i det store billede. Næste skridt er typisk at få sat nogle få, klare designregler, så hjemmesiden ikke skrider over tid.
Skriv til mig hvis du vil have mig til at vurdere dit nuværende designSådan finder du ud af om vi er et godt match
Jeg kan lige så godt sige det som det er. Nogle opgaver bliver nemme og gode, fordi der er et match. Andre bliver noget bøvl, fordi man i virkeligheden leder efter noget helt andet end det jeg laver.
Jeg er et godt match hvis du gerne vil have én der kan se helheden og ikke kun kigger på det grafiske. Det betyder typisk at jeg kigger på logo, farver og hjemmeside som én samlet ting, fordi det er sådan dine besøgende oplever det. Og hvis der skal en grafiker ind over, så enten styrer jeg processen, eller også sætter jeg dig sammen med den rigtige person i mit netværk, så du ikke ender med at forklare det samme tre gange til tre forskellige leverandører.
Næste skridt er en kort snak
Hvis du er i tvivl, så tag fat i mig. Så vurderer jeg ret hurtigt hvad der giver mest værdi for dig lige nu. Om det er logo først, et farvevalg der kan holde, eller om det giver mening at tage det hele samlet.
Kontakt mig og få en ærlig vurderingOfte stillede spørgsmål om hjemmeside farver
Her er de spørgsmål jeg oftest får om hjemmeside farver. Hvis dit spørgsmål ikke er med, så kontakt mig – jeg svarer typisk inden for få timer.
Hvorfor er farvevalg vigtigt på en hjemmeside?
Farver påvirker troværdighed, læsevenlighed og handling. Forkert valg kan signalere det forkerte eller gøre teksten svær at læse. Den rigtige farvepalette understøtter dit budskab og dine CTA’er.
Skal jeg have et logo før jeg vælger farver til min hjemmeside?
Ja, det anbefales. Logoet kan danne rammen for gode farver til hjemmeside, tryksager og alt andet materiale – så du får én genkendelig visuel identitet.
Hvad er webfarver og websikre farver?
Webfarver er farver der vises ens på skærme, typisk angivet med hex-koder (#RRGGBB). “Websikre” bruges ofte om en begrænset palet der plejede at være standard; i dag kan man bruge langt flere farver, men konsistens (samme koder overalt) er vigtig.
Hvad er en farvepalette?
En farvepalette er det udvalg af farver du bruger på din hjemmeside (og evt. i alt materiale): F.eks. én grundfarve, én sekundærfarve og én kontrastfarve til CTA og fremhævninger.
Hvilke farver skal jeg bruge til CTA-knapper?
Brug en farve der skiller sig tydeligt ud fra baggrund og brødtekst – ofte rød, orange eller grøn, eller din brands kontrastfarve. Vigtigst er at den er konsekvent på hele sitet.
Hvor mange farver bør jeg bruge på min hjemmeside?
Færre er ofte bedre: Én grundfarve, én sekundær, én til CTA, plus sort/hvid eller grå til tekst og baggrund. 60-30-10-reglen (60% grundfarver, 30% sekundær, 10% kontrast) er et godt pejlemærke.
Hvad er 60-30-10-reglen?
En tommelfingerregel: Brug grundfarven på ca. 60% af det synlige område, sekundærfarven på 30% og kontrastfarven (fx til CTA) på 10%, så det bliver balanceret og ikke overvældende.
Hvilke værktøjer kan jeg bruge til at vælge farver?
Online farvevælgere som Adobe Color, Coolors og Color Hunt kan hjælpe med at finde harmoniske kombinationer og farvekoder. Hvis du har et logo, kan du starte med farver derfra.
Hvad er HTML farvekoder?
Farvekoder (fx hex #2a7fff) bruges i kode og i temaer til at angive præcis hvilken farve der skal vises. At have dem fastlagt gør det nemmere at holde farver ens på hele hjemmesiden.
Kan du hjælpe med farvevalg eller mit logo?
Ja. Jeg udfører ikke det grafiske design selv, men jeg kan vurdere om dit nuværende logo og farver trænger til et løft – og styre processen eller sætte dig sammen med en dygtig grafiker. Det giver særligt mening når jeg laver eller optimerer din hjemmeside.
Hvad betyder farverne psykologisk?
Farver forbindes med forskellige følelser og associationer: Blå med tillid og ro, grøn med vækst og natur, rød med energi og opmærksomhed osv. Det er ikke universelt, men det kan hjælpe at vælge farver der matcher din virksomhed og målgruppe.
Hvordan sikrer jeg at teksten er læsbar?
Brug høj kontrast mellem tekst og baggrund – typisk mørk tekst på lys baggrund. Undgå lys grøn på hvid eller andre dårlige kombinationer. Tænk også på webtilgængelighed (farveblindhed).
Hvordan får jeg hjælp til farvevalg og hjemmeside?
Book en uforpligtende snak. Jeg vurderer om det er logo, farver eller hele hjemmesiden der skal løftes – og kan enten styre processen eller sætte dig sammen med en grafiker.