Lyhyesti
- Toimivassa brändipaletissa on neljä tai viisi väriä, joilla on vakiotehtävät: pohja, pääväri, tukisävy, neutraali tekstiväri ja yksi tehoste.
- Tehosteväri jää mieleen, joten käytä sitä yhdessä kohdassa kerrallaan, kuten painikkeessa, hinnassa tai logomerkissä.
- Toimialaan sopiva paletti auttaa asiakasta ymmärtämään tarjontasi, mutta yksi odottamaton väri tekee brändistä tunnistettavan.
- Testaa palettia oikeissa suunnitelmissa ja todellisessa koossa sekä vaaleana että tummana, sillä valkoisen sivun värimallit peittävät useimmat ongelmat.
- Tarkista, että tekstin ja pohjan välinen kontrasti täyttää WCAG-vaatimukset, muuten leipäteksti on monelle vaikealukuista.
Tällä sivulla
Hyvät brändiväri-ideat alkavat tehtävistä, eivät suosikeista. Valitse pohjaväri, jonka päälle useimmat suunnitelmasi rakentuvat, yrityksesi luonteesta kertova pääväri, syvyyttä tuova tukisävy, neutraali tekstiväri ja yksi tehoste, josta sinut muistetaan. Alla on 30 näin rakennettua palettia: kuusi tunnelman mukaan värimalleineen ja 24 toimialan mukaan koodeineen. Lopuksi saat nopean tavan testata valintaasi.
Miten brändin väripaletti rakentuu
Useimmat epäonnistuneet paletit sisältävät viisi yhtä vahvaa väriä. Mikään ei johda, joten mikään ei erotu. Paletti toimii, kun jokaisella värillä on oma osuutensa tilasta: pohja peittää suurimman osan, pääväri huomattavan osan ja tehoste vain pienen siivun. 60 30 10 -sääntö antaa hyvän lähtösuhteen, vaikka myöhemmin joustaisit siitä.
Tehtävä
Tehtävä
Tehtävä
Osuus suunnitelmasta
Tehtävä
Tehtävä
Brändin väripaletit tunnelman mukaan
Aloita tästä, jos tiedät, miltä haluat brändisi tuntuvan. Väriin liitetyt mielikuvat ovat kulttuurisidonnaisia, eivät yleispäteviä, kuten väripsykologia selittää.
Brändiväri-ideoita toimialoittain
Jokaisessa toimialapaletissa on neljä koodia, tavallisesti tummimmasta vaaleimpaan. Viimeinen sarake kertoo tehostevärin tehtävän. Vakiintuneilla tavoilla on syynsä: petroolinsininen hammaslääkäri ja lämpimänruskea leipomo ymmärretään yhdellä silmäyksellä. Noudata odotuksia päävärissä ja riko niitä varovasti tehosteella.
Paletti
Koodit
#1d3557 #457b9d #f1faee #e63946Miksi se toimii
Paletti
Koodit
#2b2d42 #8d99ae #edf2f4 #9c6644Miksi se toimii
Paletti
Koodit
#03363d #17a398 #e6f4f1 #ffb703Miksi se toimii
Paletti
Koodit
#264653 #2a9d8f #e9f5f2 #f4a261Miksi se toimii
Koodit
#4a2c2a #c08552 #f3e9dc #5e8b7eMiksi se toimii
Koodit
#7f4f24 #dda15e #fefae0 #bc4749Miksi se toimii
Paletti
Koodit
#1b1b1e #7a1e2c #d4a373 #f5ebe0Miksi se toimii
Paletti
Koodit
#2d4a3e #e5989b #ffcdb2 #fffaf5Miksi se toimii
Paletti
Koodit
#5e548e #9f86c0 #e0b1cb #fbf8f3Miksi se toimii
Paletti
Koodit
#111111 #3a3a3a #f2f2f2 #e4ff1aMiksi se toimii
Paletti
Koodit
#6b4e3d #e8b4a0 #f6e3d8 #fdf8f4Miksi se toimii
Paletti
Koodit
#0f0f0f #c9c1b6 #f4f1ec #8a1c1cMiksi se toimii
Paletti
Koodit
#14213d #2e1a47 #f5f0e6 #c9a227Miksi se toimii
Paletti
Koodit
#22333b #5e503f #eae0d5 #c6ac8fMiksi se toimii
Paletti
Koodit
#262626 #7d7d7d #d9d9d9 #ff5a1fMiksi se toimii
Paletti
Koodit
#0b1021 #1f6feb #e6edf3 #7ee787Miksi se toimii
Koodit
#0a2e2a #00b37e #d7f9ec #1e1e24Miksi se toimii
Paletti
Koodit
#0e0b16 #5b5bd6 #a78bfa #f0abfcMiksi se toimii
Koodit
#1a1423 #ff7b54 #ffb26b #ffd56bMiksi se toimii
Paletti
Koodit
#118ab2 #06d6a0 #ffd166 #ef476fMiksi se toimii
Paletti
Koodit
#2f3e46 #52796f #cad2c5 #f4a259Miksi se toimii
Paletti
Koodit
#283618 #606c38 #fefae0 #dd6b20Miksi se toimii
Paletti
Koodit
#6d597a #b56576 #e8c2ca #fbf6f0Miksi se toimii
Koodit
#090014 #3c096c #ff006e #fb5607Miksi se toimii
Näin paletti alkaa tuntua brändiltäsi
Valmiin paletin muuttaa identiteetiksi yksi päätös, jota kukaan muu samalla kadulla ei ole tehnyt. Usein se on tehoste: nahkanruskea lakitoimisto tai happokeltainen kuntosali. Vaihda ensin tehoste ja säilytä pohja sekä tekstiväri. Saat oman ilmeen menettämättä luettavuutta.
Vältä
- Viittä kirkasta väriä yhtä suurina osuuksina
- Logovärin valitsemista ensin ja muita silmämääräisesti
- Tehostetta jokaisessa suunnitelman elementissä
- Vaaleanharmaata tekstiä kermanvärisellä pohjalla
- Valintaa valkoisen sivun värimalleista
Tee näin
- Yksi pohja, joka peittää suurimman osan tilasta
- Ensin tehtävät, sitten niihin sopivat värit
- Yksi tehostettu asia suunnitelmaa kohti
- Tumma neutraali, joka läpäisee kontrastivaatimukset
- Testaus oikeassa julkaisussa, tarinassa ja bannerissa
Pehmeäksi liukuväriksi sekoitettu paletti antaa taustan, joka tuntuu selvästi omaltasi, kunhan värit ovat sukua toisilleen.
Testaa brändivärit ennen päätöstä
- 1
Tee kolme oikeaa suunnitelmaa
Neliöjulkaisu, 1080×1920-tarina ja 1500×500-otsake oikeilla sanoilla ja logollasi.
- 2
Tarkista tekstin kontrasti
Neutraalin tekstivärin pitää täyttää WCAG AA pohjaväriä vasten. Värikontrasti ja saavutettavuus näyttää, miten se mitataan.
- 3
Katso pienessä koossa
Pienennä julkaisu pikkukuvaksi. Jos tunnistat sen yhä omaksesi, paletti tekee tehtävänsä.
- 4
Kokeile kilpailijoiden vieressä
Aseta julkaisusi kolmen paikallisen kilpailijan rinnalle. Jos se sulautuu joukkoon, vaihda tehoste, älä koko palettia.
- 5
Kirjaa koodit
Tallenna jokainen heksakoodi ja sen tehtävä samaan paikkaan.
Paletin testaus oikeassa julkaisussa: otsikon, lisätiedon ja taustan täytyy toimia yhdessä koossa 1080×1350.
Jos tarvitset valinta-apua, brändivärien valitseminen käy päätöksen läpi alusta asti. Logon väriyhdistelmät rajaa valinnan kahteen tai kolmeen väriin, joita itse merkin kannattaa käyttää.
Brändiväreistä oma ilme
Kuka tahansa voi kopioida viisi heksakoodia. Gradientlyssä Mark kantaa palettia elävänä taustana, jolla on oma valo, rakeisuus ja liike. Kahta samanlaista Markia ei ole. Hae Markkinoilta värisanoilla, kuten ”deep teal”, palettiasi lähellä oleva Mark, suunnittele sillä ilmaiseksi ja lunasta se, jotta vain sinä voit viedä sillä tehtyjä suunnitelmia. Brändipakettisi säilyttää tekstin ja tehosteiden tarkat koodit.
Usein kysyttyä
Kuinka monta väriä brändi tarvitsee?
Neljä tai viisi riittää useimmille brändeille: pohja, pääväri, tukisävy, neutraali tekstiväri ja yksi tehoste. Suurempaa määrää on vaikea käyttää johdonmukaisesti.
Mikä on paras väri uudelle brändille?
Yhtä parasta väriä ei ole. Valitse tarjontaasi sopiva pääväri ja tehoste, jota kilpailijasi eivät käytä, jotta asiakkaat erottavat sinut.
Pitäisikö brändivärien sopia toimialaani?
Toimialaan sopiva pääväri auttaa ihmisiä ymmärtämään sinut nopeasti. Odotuksia rikkova tehoste tekee sinusta muistettavan.
Miten tarkistan brändivärieni saavutettavuuden?
Mittaa tekstivärin ja pohjan kontrasti WCAG-kontrastitarkistimella. Leipätekstin suhteen pitäisi olla vähintään 4,5:1.
Voinko käyttää liukuväriä brändivärinä?
Kyllä, kun se koostuu palettisi läheisistä väreistä ja säilytät tasaisen version pieniin käyttökohteisiin, kuten sivustokuvakkeisiin ja tekstiin.
Kirjoittanut Gradiently
Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.
Katso profiilimme