# Ihonhoitobrändin design: selkeä ja arvokas ilme

[Canonical HTML page](https://gradiently.design/fi/guide/skincare-brand-design)

Ihonhoito myy luottamuksella ja tekstuurilla. Rakenna rauhallinen, selkeä ja arvokas ilme kopioitavilla paleteilla, karusellirakenteilla ja lanseeraussuunnitelmalla.

## The short version

- Ihonhoitobrändin design tuntuu arvokkaalta, kun se on hillittyä: vähän värejä, yksi tai kaksi fonttia ja runsaasti tilaa tuotteen ympärillä.
- Pehmeät vähäkontrastiset liukuvärit vihjaavat tekstuurista, valosta ja ihosta ilman kuvausta.
- Ainesosakaruselli toimii parhaiten yhdellä ainesosalla per dia, selkokielisellä hyötykuvauksella ja samalla asettelulla jokaisella dialla.
- Vaalealla taustalla tekstikontrasti on hankalampi, joten tarkista jokaisen rivin luettavuus ennen julkaisua.
- Kosmetiikkaväittämiä säädellään monissa maissa. Visuaalien tulee kuvata tuotteen toimintaa lupaamatta lääketieteellisiä tuloksia.

Arvokas **ihonhoitobrändin design** syntyy paljolti siitä, mitä jätät pois. Käytä pientä ihosta, kivestä ja valosta poimittua palettia, yhtä itsevarmaa fonttia, pehmeitä liukuvärejä vilkkaiden rekvisiittojen sijaan ja enemmän tyhjää tilaa kuin tuntuu mukavalta. Vain tuotteen ja yhden tekstirivin pitäisi pyytää huomiota. Hillintä näyttää itsevarmuudelta, ja itsevarmuus antaa brändille mahdollisuuden pyytää enemmän.

## Mikä saa ihonhoidon visuaalit näyttämään arvokkailta

Arvokkaan näköinen ihonhoito käyttää harvoin koristelua. Se käyttää hallintaa: sama valo jokaisessa kuvassa, samat marginaalit ja samat kaksi tekstikokoa. Halvalta näyttävä ihonhoito lisää helposti kimalteita, kuplia, fontteja ja merkkejä korvatakseen selkeän ajatuksen puutteen.

### Näyttää halvemmalta

- Kuvapankin vesiroiskeet ja lehdet joka tuotteen takana
- Kylläiset pinkit ja violetit
- Kolme tai neljä fonttia, mukana käsialaa
- Merkit ja tähtikuviot: UUSI, SUOSITUIN, 50% ALENNUS
- Tuote ahdettuna reunasta reunaan

### Näyttää arvokkaalta

- Pehmeä liukuväri kuin valo iholla
- Murretut ihon, kiven ja maidon sävyt
- Yksi fontti kahdessa leikkauksessa
- Rauhalliset sanat: tuotteen nimi ja yksi hyöty
- Tilaa tuotteen kaikilla puolilla

Tämä ei tarkoita ikuista beigeä. Syvänvihreä tai musteensininen voi tuntua yhtä arvokkaalta samalla hillinnällä. [Luksusbrändin design](https://gradiently.design/fi/guide/luxury-design) selittää, miksi tila ja johdonmukaisuus viestivät arvoa.

## Pehmeät liukuvärit ja ihonhoidon paletti

Liukuvärit sopivat ihonhoitoon, koska ne käyttäytyvät kuin pinnalle osuva valo. Vaalea liukuväri pullon takana näyttää studiokuvalta, vaikka se on tasainen sommittelu. Pidä värien vaaleudet lähellä toisiaan, jotta muutos tuntuu enemmän kuin näkyy.

- Maito ja savi: `radial-gradient(circle at 30% 25%, #fbf6f1 0%, #f1e3d8 50%, #e2cbbb 100%)`
- Vihreä tee: `radial-gradient(circle at 70% 30%, #f3f5f0 0%, #dfe6dc 50%, #b9c7b5 100%)`
- Ruusuvesi: `radial-gradient(circle at 40% 30%, #fdf3ee 0%, #f6d9cf 55%, #e8b7a8 100%)`
- Viileä usva: `radial-gradient(circle at 50% 30%, #eef1f5 0%, #d3dbe6 55%, #a9b6c9 100%)`
- Yöseerumin vihreä: `linear-gradient(170deg, #2e3b33 0%, #1d2621 60%, #121815 100%)`
- Kaura: `linear-gradient(170deg, #f5efe6 0%, #e9dcc8 55%, #cdb89a 100%)`

Viisi vaaleaa pohjaa ja yksi syvä. Vaaleus muuttuu lempeästi kuin valo kaarevalla pinnalla.

- Maito: #fbf6f1
- Savi: #e2cbbb
- Salvia: #b9c7b5
- Sammal: #5c6b60
- Muste: #2a2623

Toimiva ihonhoitopaletti: kaksi pohjaa, kaksi keskisävyä ja tumma muste jokaista sanaa varten.

Vaalean paletin todellinen riski on heikko tekstikontrasti. Harmaa teksti maidon sävyllä näyttää elegantilta kannettavalla ja katoaa puhelimella auringossa. Käytä tumminta väriäsi ja tarkista se tekstin takaisen alueen vaaleinta kohtaa vasten. [Teksti liukuvärillä](https://gradiently.design/fi/guide/text-on-gradient) näyttää miten. Gradientlyn Automaattinen muste valitsee jokaiselle riville vaalean tai tumman tekstin Markin paletista, ja tausta rauhoittuu sanojen takana. Pehmeä ilme ei siis vaadi luettavuudesta tinkimistä.

## Ihonhoitobrändin fontit

- **Yksi fonttiperhe.** Hienostunut antiikva lämpöön tai selkeä groteski kliiniseen selkeyteen. Kaksi leikkausta, ei viittä.
- **Kaksi kokoa per sommittelu.** Tuotenimi tai otsikko ja kaikki muu.
- **Tavallinen kirjainkoko.** Tuntuu suuraakkosia rauhallisemmalta ja henkilökohtaisemmalta.
- **Lyhyet hyötyrivit.** ”Kevyt geeli rasvoittuvalle iholle” on selkeämpi kuin ”Edistyksellinen ihon tasapainotuskompleksi” ja paljon helpompi perustella.

Minimalistinen Barrier Balm -ihonhoitojulkaisu tärkeimmillä ainesosilla pehmeällä vaalealla liukuvärillä

Yksi nimi, yksi ainesosarivi, kaikki muu taustan varassa.

## Ihonhoidon Instagram-ideat: ainesosakarusellit

Ainesosista opettaminen on ihonhoitobrändin hyödyllisintä sisältöä ja sellaista, jonka ihmiset tallentavat myöhemmäksi. Käytä samaa rakennetta jokaiselle ainesosalle, niin seuraajat oppivat lukemaan karusellin yhdellä silmäyksellä.

1. **Dia 1: ainesosan nimi** Suurena ja yksin: ”Niasiiniamidi.” Lisää pieni ylätunniste, kuten ”Ainesosamuistiinpanot”, jotta sarja on tunnistettava.
2. **Dia 2: mitä se on** Yksi selkeä lause. Vältä kemiaa, jota et sanoisi ääneen.
3. **Dia 3: mitä se tekee** Kaksi tai kolme lyhyttä kohtaa käyttötarkoituksesta.
4. **Dia 4: miten sitä käytetään** Aamulla vai illalla, mihin yhdistetään ja mitä vältetään.
5. **Dia 5: mistä se löytyy** Sitä sisältävä tuote samalla taustalla kuin tuotteen omat julkaisut.

Ihonhoidon ainesosakarusellin ensimmäinen dia, Niasiiniamidi pehmeällä taustalla

Kansidia: yksi sana ja aina toistuva sarjan nimi.

Karusellin sisädia niasiiniamidin käytöstä samalla asettelulla kuin kansi

Sisädia samalla asettelulla, jotta sarja tuntuu yhdeltä kokonaisuudelta.

Karusellin koot ja pyyhkäisyrakenne käsitellään oppaassa [Instagram-karusellin suunnittelu](https://gradiently.design/fi/guide/instagram-carousel-design).

Lanseerausten välissä tekstuurien lähikuvat elävöittävät somevirtaa: voideveto lasilla, valoa poimiva öljypisara tai sormenjälki balsamissa. Kuvaa samalla vaalealla pohjalla kuin tuotejulkaisut ja samalta puolelta, niin ne sopivat karusellien viereen. [Tuotekuvien taustat](https://gradiently.design/fi/guide/product-photo-backgrounds) tarjoaa asetelmia, jotka vaativat vain ikkunan ja kartonkilevyn.

## Ihonhoitotuotteen lanseerausgrafiikat

Lanseeraus tarvitsee saman viestin useassa muodossa yhtä aikaa. Päätä yksi rivi ensin ja tee kaikki muodot siitä.

| Aineisto | Koko | Tehtävä |
| --- | --- | --- |
| Tuotepaljastus somevirrassa | 1080×1350 px | Näytä tuote ja yksi hyöty |
| Tarinan lähtölaskenta | 1080×1920 px | Päivä, aika ja lähtölaskentatarra |
| Kaupan pääkuva | 1920×1080 px | Sama rivi ja Osta nyt -painike |
| Sähköpostin otsakekuva | 1200×600 px | Kerro postituslistalle ensin |
| Pinterest-pin | 1000×1500 px | Ainesosa- tai rutiinisisältö, joka tavoittaa yhä uusia ihmisiä |

Viisi muotoa, yksi viesti. Yhteinen tausta ja fontti saavat lanseerauksen tuntumaan yhdeltä tapahtumalta.

[Lanseerauspäivän grafiikat](https://gradiently.design/fi/guide/launch-day-graphics) käy läpi julkaisuviikon järjestyksen. Pidä tarinassa päivä ja tarra keskialueella, jonka sovelluksen painikkeet jättävät vapaaksi. [Somen turva-alueet](https://gradiently.design/fi/guide/social-media-safe-zones) näyttää paikan. Gradiently Pro muuttaa paljastusjulkaisun tarinan, pääkuvan ja sähköpostin otsakekuvan kokoon yhdessä vaiheessa, joten samaa sommittelua ei tarvitse rakentaa viidesti.

> **Pidä väittämät rehellisinä** Kosmetiikkamainontaa säädellään monissa maissa. Kuvaile tuotteen tuntua ja suunniteltua tarkoitusta. Älä lupaa sairauden hoitoa tai paranemista ilman perusteluja.

## FAQ

### Mitkä värit saavat ihonhoitobrändin näyttämään arvokkaalta?

Murretut ihon, kiven, maidon ja kasvien sävyt sekä yksi tumma tekstimuste. Syvänvihreät ja musteensiniset toimivat myös hillitysti käytettyinä.

### Mitkä fontit sopivat ihonhoitobrändille?

Yksi perhe kahdessa leikkauksessa: hienostunut antiikva lämpöön tai selkeä groteski kliiniseen ilmeeseen. Jätä käsialafontit pois leipätekstistä.

### Mitä ihonhoitobrändin kannattaa julkaista Instagramissa?

Ainesosakaruselleja toistuvassa asettelussa, tekstuurilähikuvia tuotejulkaisujen samalla vaalealla pohjalla, rutiineja ja lanseerausjulkaisuja yhteisellä taustalla ja fontilla.

### Miten pidän tekstin luettavana vaalealla taustalla?

Käytä tumminta väriäsi, vältä harmaata kermanvärisellä ja tarkista kontrasti jokaisen rivin takaisen taustan vaaleinta kohtaa vasten.

### Voiko ihonhoitobrändi sanoa tuotteensa hoitavan ihosairauksia?

Yleensä ei ilman näyttöä, sillä kosmetiikkamainontaa säädellään monissa maissa. Kuvaile tuntua ja tarkoitusta ja tarkista myyntialueesi säännöt.
