# Mjuk estetik: milda färger, luftiga layouter, stillsam typografi [Canonical HTML page](https://gradiently.design/sv/guide/soft-aesthetic) Mjölkte, molnrosa, lavendeldis och gott om tomt utrymme. Den mjuka estetiken är den lugnaste looken i sociala medier och den som är lättast att göra fel. Så gör du den mild utan att göra den oläslig. ## The short version - Den mjuka estetiken är en lugn visuell stil byggd på mjölkiga pasteller, bakgrunder med låg kontrast, generöst utrymme och lätt, stillsam typografi. - Färger i mjuk estetik är pasteller blandade med vitt eller grått, som molnrosa, mjölkte, lavendeldis, smör och blek salvia. - Den största risken med mjuk estetik är oläslig text, eftersom bleka ord på bleka bakgrunder faller på kontrastkontroller. - Om bakgrunden är mjuk och typen en djupare nyans ur samma färgfamilj bevaras den milda stämningen och orden förblir läsbara. - Ett flöde i mjuk estetik ser enhetligt ut när varje inlägg delar en bottenfärg, ett typsnitt och ungefär lika mycket tomt utrymme. Den **mjuka estetiken** är en mild visuell stil för sociala medier och varumärken: mjölkiga pasteller som molnrosa, mjölkte och lavendel, suddiga eller knappt synliga gradienter, mycket tomt utrymme och lätt, stillsam typografi. Den får ett flöde att kännas lugnt och personligt, vilket är därför skönhetsskapare, livsstilskonton, hudvårdsvarumärken, bagerier och pappershandlare älskar den. Dess enda svaghet är läsbarheten, och den går att åtgärda. ## Färger i mjuk estetik Mjuka färger är pasteller som blandats med lite vitt och lite grått, så att de ser pudriga ut i stället för knallsötsaker. Tänk på färger du kan hitta i ett bagerifönster eller på en badrumshylla: blush, grädde, smör, lila, blek salvia. - Mjölk: #fbf7f3 - Molnrosa: #f6d9d5 - Mjölkte: #e6d3c3 - Smör: #f7ebc6 - Lavendeldis: #dcd3ec - Blek salvia: #d5e3d6 - Babyblått: #d2e1ee - Mjuk kakao: #5e4c51 Sju pudriga pasteller och en djupare nyans för ord. Mjuk kakao är mildare än svart men ändå mörk nog att läsa på varje färg här. De här är mjukare än de mättade nyanserna i de flesta [pastellpaletter](https://gradiently.design/sv/guide/pastel-color-palettes). Det extra vita ger looken dess lugn, men det betyder också att ingen av färgerna kan bära text själv. ## Bakgrunder i mjuk estetik Bakgrunder i den här stilen ändras knappt. En gradient kan gå från mjölk till molnrosa över hela bilden, eller så kan en suddig lavendelfläck driva in i ett hörn. Målet är en yta som känns som ljus genom en gardin, inte en design som ber om att bli betraktad. - Mjölk till molnrosa: `linear-gradient(180deg, #fbf7f3 0%, #f6d9d5 100%)` - Lavendeldis: `radial-gradient(circle at 75% 25%, #dcd3ec 0%, #f1ebf4 40%, #fbf7f3 80%)` - Mjölkte: `linear-gradient(160deg, #fbf7f3 0%, #efe3d6 55%, #e6d3c3 100%)` - Morgonsalvia: `radial-gradient(ellipse at 20% 80%, #d5e3d6 0%, #eef3ec 45%, #fbf7f3 85%)` - Smör, rosa, lila: `linear-gradient(135deg, #f7ebc6 0%, #f6d9d5 50%, #dcd3ec 100%)` - Babyblå glöd: `radial-gradient(circle at 50% 40%, #d2e1ee 0%, #e8eff5 45%, #fbf7f3 85%)` Sex mjuka bakgrunder. De flesta rör sig mellan bara två eller tre närliggande pasteller, och trefärgsblandningen förblir ren eftersom varje steg är litet. Mycket bleka gradienter är de som oftast får band när en app komprimerar dem, så att synliga ränder syns över det som borde vara en len blandning. Ett fint korn döljer det. [Bandning i gradienter](https://gradiently.design/sv/guide/gradient-banding) förklarar lösningen, och [drömska gradienter](https://gradiently.design/sv/guide/dreamy-gradients) har fler blandningar i den här stämningen. ## Så håller du orden läsbara i en mjuk estetik Det är här de flesta mjuka designer misslyckas. Vit text på molnrosa, eller lila på lavendel, ser underbart ut som miniatyr och är nästan omöjlig att läsa på en telefon i dagsljus. WCAG kräver ett kontrastförhållande på minst 4,5 till 1 för normal text och 3 till 1 för stor text, och de flesta pastellpar ligger långt under. [WebAIM:s kontrastverktyg](https://webaim.org/resources/contrastchecker/) säger dig det på några sekunder. ### Vackert men oläsligt - Vit text på pastellbakgrunder - Pastelltext på en ljusare pastell - Hårfina typsnittsvikter i små storlekar - Långa bildtexter placerade i bilden ### Mjukt och läsbart - En djup nyans ur samma familj: kakao på rosa, plommon på lila - Normal eller medelvikt för allt under rubrikstorlek - Korta rader med generöst mellanrum - En kort rad i bilden, resten i bildtexten Hemligheten är att typen inte behöver vara mjuk för att designen ska kännas mjuk. En djup, varm nyans som mjuk kakao eller dammig plommon behåller stämningen eftersom den hör till samma familj som pastellerna. Svart skulle kännas hårt, och en blek ton försvinner. Gradiently sköter det själv: Auto-bläck väljer ljus eller mörk text för varje rad ur bakgrundens egen palett, och bakgrunden lugnar sig bakom orden, utan rutor eller skuggor. Ett mjukt stående pastellinlägg som lyder Bara långsamma morgnar där orden ligger på en blek yta och är svåra att läsa När bakgrunden ignorerar orden kan blek text driva in på blek färg och blekna bort. Samma mjuka pastellinlägg med orden tydliga och läsbara mot en lugn yta av bakgrunden När bakgrunden svarar förblir typen tydlig och stämningen lika mild. ## Typografi och layout i mjuk estetik - **Ett typsnitt.** En rundad sans serif eller en lätt, öppen serif, i två vikter. - **Gemener eller vanlig meningsstil.** Versaler skriker, den mjuka looken talar tyst. - **Mer utrymme än det känns nödvändigt.** Orden i mellersta tredjedelen, allt annat luft. - **Rundade former.** Pillerknappar, cirkelbeskärningar och mjuka hörn på foton. - **Små detaljer.** En liten stjärna, ett handritat streck eller ett datum i hörnet, aldrig fler än en. För typsnitt som förblir läsbara i telefonstorlek, se [typsnitt för sociala medier](https://gradiently.design/sv/guide/fonts-for-social-media). ## Bygg ett Instagram-flöde i mjuk estetik I ett profilrutnät kommer mjukheten av enhetlighet. Om varje inlägg delar samma bottenfärg och lika mycket utrymme läses rutnätet som en lugn yta. Ett enda starkt eller överfullt inlägg bryter förtrollningen. Orden spelar också roll. Mjuka konton tenderar att skriva som de designar: korta, varma rader med gemener och ingen hård försäljning. ”ny sats, samma långsamma recept” passar looken mycket bättre än ett block av versaler som tillkännager en rea. Behöver du ändå marknadsföra något, håll erbjudandet i bildtexten och låt bilden vara tyst. - Inlägg 1080×1350: 1080 × 1350 - Kvadrat 1080×1080: 1080 × 1080 - Story 1080×1920: 1080 × 1920 - Pinne 1000×1500: 1000 × 1500 De fyra format som ett konto i mjuk estetik använder mest. Behåll samma botten och marginaler i alla. 1. **Välj en bottenfärg** Mjölk, mjölkte eller molnrosa. Den finns i varje inlägg och varje story. 2. **Välj två accentpasteller** Växla mellan dem över inläggen så att rutnätet får mild rytm utan att krocka. 3. **Sätt en bläckfärg** Mjuk kakao eller dammig plommon för alla ord. Aldrig rent vitt på pastell. 4. **Värm dina foton** Lyft skuggorna, sänk kontrasten en aning och dra de vita partierna mot din bottenfärg. 5. **Planera i nior** Skissa de nästa nio inläggen tillsammans. [Instagram-rutnätets estetik](https://gradiently.design/sv/guide/instagram-grid-aesthetic) visar layouter som fungerar. Gradiently Designer kan lägga upp en veckas mjuka inlägg på en bakgrund och göra story- och pinneversionerna också, så att hela uppsättningen matchar. För närliggande looker, se [idéer för Instagram-estetik](https://gradiently.design/sv/guide/instagram-aesthetic-ideas) och den jordnärmare [cottagecore-estetiken](https://gradiently.design/sv/guide/cottagecore-aesthetic). ## FAQ ### Vilka färger ingår i den mjuka estetiken? Pudriga pasteller blandade med vitt: molnrosa, mjölkte, smör, lavendel, blek salvia och babyblått, med en djupare nyans som mjuk kakao för text. ### Hur gör jag en bakgrund i mjuk estetik? Blanda två närliggande pasteller mycket försiktigt, till exempel mjölk till molnrosa, eller lägg en suddig pastellglöd i ett hörn. Lägg till fint korn för att undvika bandning. ### Vilken textfärg fungerar på pastellbakgrunder? En djup nyans ur samma familj, som kakao på rosa eller plommon på lila. Vit text på pasteller faller oftast på kontrastkontroller. ### Vilka typsnitt passar en mjuk estetik? Rundade sans serif och lätta, öppna serifer i meningsstil. Undvik hårfina vikter i små storlekar, eftersom de försvinner på bleka bottnar. ### Är den mjuka estetiken samma sak som soft girl-estetiken? De överlappar. Soft girl började som en mode- och sminktrend med blushrosa och lekfulla detaljer, medan den bredare mjuka estetiken använder samma milda palett och lugna layouter för vilket flöde eller varumärke som helst.