# Pehmeä estetiikka: lempeät värit ja ilmavat asettelut

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

Maitoteetä, pilvenvaaleanpunaista, laventeliutua ja paljon tyhjää tilaa. Pehmeä estetiikka on somen rauhallisimpia ilmeitä, mutta helppo tehdä väärin. Näin saat siitä lempeän luettavuutta menettämättä.

## The short version

- Pehmeä estetiikka on rauhallinen visuaalinen tyyli, joka rakentuu maitomaisista pastelleista, vähäkontrastisista taustoista, runsaasta tilasta ja kevyestä, hillitystä typografiasta.
- Pehmeän estetiikan värit ovat valkoiseen tai harmaaseen sekoitettuja pastelleja, kuten pilvenvaaleanpunainen, maitotee, laventeliutu, voinkeltainen ja vaalea salvia.
- Pehmeän estetiikan suurin riski on lukukelvoton teksti, koska vaaleat sanat vaalealla taustalla eivät läpäise kontrastitarkistusta.
- Kun tausta pysyy pehmeänä ja teksti saa saman väriperheen syvemmän sävyn, tunnelma säilyy lempeänä ja sanat luettavina.
- Pehmeän estetiikan syöte näyttää yhtenäiseltä, kun kaikissa julkaisuissa on sama pohjaväri, yksi kirjasin ja saman verran tyhjää tilaa.

**Pehmeä estetiikka** on lempeä visuaalinen tyyli someen ja brändeille: maitomaisia pastelleja, kuten pilvenvaaleanpunaista, maitoteetä ja laventelia, sumeita tai lähes huomaamattomia liukuvärejä, paljon tyhjää tilaa ja kevyttä, hillittyä typografiaa. Syöte tuntuu rauhalliselta ja henkilökohtaiselta, joten tyyli on suosittu kauneussisällöntuottajien, lifestyle-tilien, ihonhoitobrändien, leipomoiden ja paperikauppojen keskuudessa. Sen ainoa heikkous on luettavuus, ja sen voi korjata.

## Pehmeän estetiikan värit

Pehmeät värit ovat pastelleja, joihin on sekoitettu hieman valkoista ja harmaata. Ne näyttävät puuterisilta eivätkä kirkkaalta karkilta. Ajattele leipomon ikkunassa tai kylpyhuoneen hyllyllä näkyviä värejä: poskipuna, kerma, voi, lila ja vaalea salvia.

- Maito: #fbf7f3
- Pilvenvaaleanpunainen: #f6d9d5
- Maitotee: #e6d3c3
- Voinkeltainen: #f7ebc6
- Laventeliutu: #dcd3ec
- Vaalea salvia: #d5e3d6
- Vauvanvaaleansininen: #d2e1ee
- Pehmeä kaakao: #5e4c51

Seitsemän puuterista pastellia ja yksi syvempi sävy sanoille. Pehmeä kaakao on mustaa lempeämpi mutta riittävän tumma erottuakseen kaikista näistä väreistä.

Nämä ovat pehmeämpiä kuin useimpien [pastelliväripalettien](https://gradiently.design/fi/guide/pastel-color-palettes) kylläiset sävyt. Ylimääräinen valkoinen tekee ilmeestä rauhallisen, mutta samalla mikään näistä väreistä ei yksin riitä tekstiväriksi.

## Pehmeän estetiikan taustat

Tämän tyylin taustat muuttuvat vain vähän. Liukuväri voi siirtyä maidosta pilvenvaaleanpunaiseen koko kuvan matkalla tai sumea laventelilaikku ajelehtia yhdessä kulmassa. Tavoitteena on pinta, joka tuntuu verhon läpi tulevalta valolta eikä vaadi katsomaan itseään.

- Maidosta pilvenvaaleanpunaiseen: `linear-gradient(180deg, #fbf7f3 0%, #f6d9d5 100%)`
- Laventeliutu: `radial-gradient(circle at 75% 25%, #dcd3ec 0%, #f1ebf4 40%, #fbf7f3 80%)`
- Maitotee: `linear-gradient(160deg, #fbf7f3 0%, #efe3d6 55%, #e6d3c3 100%)`
- Aamusalvia: `radial-gradient(ellipse at 20% 80%, #d5e3d6 0%, #eef3ec 45%, #fbf7f3 85%)`
- Voinkeltainen, vaaleanpunainen, lila: `linear-gradient(135deg, #f7ebc6 0%, #f6d9d5 50%, #dcd3ec 100%)`
- Vauvanvaaleansininen hehku: `radial-gradient(circle at 50% 40%, #d2e1ee 0%, #e8eff5 45%, #fbf7f3 85%)`

Kuusi pehmeää taustaa. Useimmat liikkuvat vain kahden tai kolmen lähekkäisen pastellin välillä. Kolmen värin sekoitus pysyy puhtaana, koska jokainen siirtymä on pieni.

Hyvin vaaleat liukuvärit raidoittuvat herkimmin, kun sovellus pakkaa niitä. Näkyvät raidat jäävät kohtaan, jonka pitäisi olla tasainen siirtymä. Hieno rakeisuus piilottaa ne. [Liukuvärin raidoittumisen opas](https://gradiently.design/fi/guide/gradient-banding) kertoo korjauksen, ja [unenomaiset liukuvärit](https://gradiently.design/fi/guide/dreamy-gradients) tarjoaa lisää saman tunnelman sekoituksia.

## Pidä sanat luettavina pehmeässä estetiikassa

Tässä useimmat pehmeät suunnitelmat epäonnistuvat. Valkoinen teksti pilvenvaaleanpunaisella tai lila laventelilla näyttää kauniilta pikkukuvassa, mutta puhelimella päivänvalossa sitä on lähes mahdoton lukea. WCAG-ohjeistus edellyttää vähintään 4,5:1-kontrastisuhdetta tavalliselle tekstille ja 3:1 suurikokoiselle tekstille. Useimmat pastelliparit jäävät kauas siitä. [WebAIMin kontrastintarkistin](https://webaim.org/resources/contrastchecker/) kertoo tuloksen sekunneissa.

### Kaunis mutta lukukelvoton

- Valkoinen teksti pastellitaustalla
- Pastelliteksti vaaleammalla pastellilla
- Hiuksenohuet leikkaukset pienessä koossa
- Pitkät kuvatekstit kuvan sisällä

### Pehmeä ja luettava

- Saman väriperheen syvä sävy: kaakao vaaleanpunaisella, luumu lilalla
- Tavallinen tai keskipaksu leikkaus otsikkoa pienemmälle tekstille
- Lyhyet rivit ja väljä riviväli
- Yksi lyhyt rivi kuvassa, loput kuvatekstissä

Salaisuus on, ettei tekstin tarvitse olla pehmeä, jotta suunnitelma tuntuu pehmeältä. Syvä, lämmin sävy, kuten pehmeä kaakao tai hämärä luumu, säilyttää tunnelman, koska se kuuluu samaan perheeseen pastellien kanssa. Musta tuntuisi kovalta, vaalea sävy katoaisi. Gradiently hoitaa tämän itse: Automaattinen muste valitsee jokaiselle riville vaalean tai tumman tekstin taustan omasta paletista. Tausta rauhoittuu sanojen takana ilman laatikoita tai varjoja.

Pehmeä pastellinen pystyjulkaisu, jossa sanat Vain hitaita aamuja osuvat vaalealle alueelle ja ovat vaikeita lukea

Kun tausta ei huomioi sanoja, vaalea teksti voi ajautua vaalean värin päälle ja häipyä.

Sama pehmeä pastellijulkaisu, jonka sanat erottuvat selkeästi taustan rauhalliselta alueelta

Kun tausta reagoi, teksti pysyy selkeänä ja tunnelma yhtä lempeänä.

## Pehmeän estetiikan typografia ja asettelu

- **Yksi kirjasin.** Pyöreä päätteetön tai kevyt, avoin päätteellinen kirjasin kahdella vahvuudella.
- **Pienaakkoset tai virketyyli.** Suuraakkoset huutavat, pehmeä ilme puhuu hiljaa.
- **Enemmän tilaa kuin tuntuu tarpeelliselta.** Sanat keskimmäiseen kolmannekseen, muu tila ilmavaksi.
- **Pyöreät muodot.** Kapselipainikkeita, ympyrärajauksia ja pehmeitä kulmia kuviin.
- **Pienet yksityiskohdat.** Pieni tähti, käsin piirretty alleviivaus tai päivämäärä kulmassa, aina vain yksi.

Puhelinkoossa luettavia kirjasimia löydät [somen fonttioppaasta](https://gradiently.design/fi/guide/fonts-for-social-media).

## Rakenna pehmeä Instagram-syöte

Profiiliruudukon pehmeys syntyy yhtenäisyydestä. Kun jokaisessa julkaisussa on sama pohjaväri ja yhtä paljon tilaa, ruudukko näyttää yhdeltä rauhalliselta pinnalta. Yksi kirkas tai täyteen ahdettu julkaisu rikkoo tunnelman.

Sanatkin merkitsevät. Pehmeät tilit kirjoittavat usein kuten suunnittelevat: lyhyitä, lämpimiä pienaakkoslauseita ilman kovaa myyntiä. ”uusi erä, sama hidas resepti” sopii ilmeeseen paljon paremmin kuin suuraakkosilla kirjoitettu alennusmyynti-ilmoitus. Jos sinun on mainostettava jotakin, kerro tarjous kuvatekstissä ja anna kuvan pysyä hiljaisena.

- Julkaisu 1080×1350: 1080 × 1350
- Neliö 1080×1080: 1080 × 1080
- Tarina 1080×1920: 1080 × 1920
- Pin-kuva 1000×1500: 1000 × 1500

Neljä formaattia, joita pehmeän estetiikan tili käyttää eniten. Pidä sama pohja ja samat marginaalit kaikissa.

1. **Valitse yksi pohjaväri** Maito, maitotee tai pilvenvaaleanpunainen. Se näkyy jokaisessa julkaisussa ja tarinassa.
2. **Valitse kaksi korostuspastellia** Vuorottele niitä julkaisuissa, jotta ruudukko saa lempeän rytmin ilman riitasointuja.
3. **Määritä yksi tekstiväri** Pehmeä kaakao tai hämärä luumu kaikkiin sanoihin. Älä käytä puhdasta valkoista pastellilla.
4. **Lämmitä valokuviasi** Nosta varjoja, vähennä kontrastia hieman ja vie valkoisia kohti pohjaväriäsi.
5. **Suunnittele yhdeksän kuvan ruudukkoina** Sommittele seuraavat yhdeksän julkaisua yhdessä. [Instagram-ruudukon estetiikka](https://gradiently.design/fi/guide/instagram-grid-aesthetic) näyttää toimivia asetteluja.

Gradientlyn Designer voi asetella viikon pehmeät julkaisut yhdelle taustalle ja tehdä myös tarina- ja pin-versiot, jotta koko sarja sopii yhteen. Läheisiä tyylejä löydät oppaista [Instagramin estetiikkaideat](https://gradiently.design/fi/guide/instagram-aesthetic-ideas) ja maanläheisempi [cottagecore-estetiikka](https://gradiently.design/fi/guide/cottagecore-aesthetic).

## FAQ

### Mitkä värit kuuluvat pehmeään estetiikkaan?

Valkoiseen sekoitetut puuteriset pastellit: pilvenvaaleanpunainen, maitotee, voinkeltainen, laventeli, vaalea salvia ja vauvanvaaleansininen. Tekstille käytetään syvempää sävyä, kuten pehmeää kaakaota.

### Miten teen pehmeän estetiikan taustan?

Sekoita kaksi lähekkäistä pastellia hyvin hellästi, kuten maito pilvenvaaleanpunaiseen, tai sijoita kulmaan yksi sumea pastellihehku. Lisää hienoa rakeisuutta raidoittumisen estämiseksi.

### Mikä tekstiväri toimii pastellitaustalla?

Saman väriperheen syvä sävy, kuten kaakao vaaleanpunaisella tai luumu lilalla. Valkoinen teksti pastellilla ei yleensä läpäise kontrastitarkistusta.

### Mitkä fontit sopivat pehmeään estetiikkaan?

Pyöreät päätteettömät ja kevyet, avoimet päätteelliset kirjasimet virketyylillä. Vältä hiuksenohuita leikkauksia pienessä koossa, koska ne katoavat vaalealle pohjalle.

### Onko pehmeä estetiikka sama kuin soft girl -estetiikka?

Ne menevät osittain päällekkäin. Soft girl alkoi muodin ja meikin trendinä poskipunan sävyillä ja leikkisillä yksityiskohdilla. Laajempi pehmeä estetiikka käyttää samaa lempeää palettia ja rauhallisia asetteluja missä tahansa syötteessä tai brändissä.