Minimalistiske bakgrunner med akkurat nok som skjer

En minimalistisk bakgrunn er en nesten ensfarget flate som holder seg unna innholdet: vanligvis én fargetone, med en svært liten endring i lyshet, et hint av lys fra én retning og fin tekstur. Den lille mengden liv er forskjellen på en bakgrunn som virker bevisst, og en som ser ut som om ingen gjorde den ferdig. Bygg den av en tonet nøytral eller én dempet farge, hold toneomfanget smalt, og legg til korn så overflaten føles fysisk.

Denne guiden tar for seg stigen fra flatt til akkurat nok, paletter av tonede nøytraler, koder for dempede gradienter og hvor minimale bakgrunner fungerer best. Skal du velge mellom retninger, leser du minimalisme vs maksimalisme.

Hvorfor helt flat farge ofte virker uferdig

Flat farge fungerer utmerket i små grensesnittelementer. På en toppseksjon i fullskjerm, et stort lysbilde eller en trykt plakat kan den se ut som et tomt lerret, fordi ingenting i naturen er jevnt belyst. Ekte vegger, papir og stoff har et svakt lysfall og en fin overflatetekstur. Legger du til de to tingene, med svært lav styrke, leses en ensfarget flate som et materiale og ikke som et hull.

Koder for dempede gradienter til minimalistiske bakgrunner

Disse gradientene endrer seg svært lite fra den ene enden til den andre, og det er poenget. Hver holder seg til én fargetone og et smalt lyshetsområde, så en tekstfarge som fungerer i den ene enden, fungerer i den andre.

Dempede gradienter er nettopp der fargebånd synes, fordi fargene ligger så nær hverandre at en skjerm har få trinn å bruke mellom dem. Det er den viktigste tekniske grunnen til å legge til korn. Fargebånd i gradienter forklarer mer.

Tonede nøytraler: hemmeligheten bak minimal farge

Ren hvit, ren grå og ren svart virker kliniske på store flater. Dytter du en nøytral litt mot en fargetone, varm for hygge, kjølig for presisjon, grønn for ro, føles den valgt. Hold toningen lav: folk skal se offwhite eller koksgrå, ikke blekrosa eller marineblå.

Hent toningen fra merkevarefargen din. En merkevare med en fiolett aksent henger sammen på en koksgrå som heller mot fiolett, mens den samme aksenten på en varm brunsvart ser litt feil ut. Dette er den monokromatiske tanken brukt på den stilleste delen av et design.

La det være plass til innholdet

En minimalistisk bakgrunn er aldri bedre enn det som står på den. Oppgaven er å gi ord, produkter eller foto romslig plass og jevn kontrast. Det betyr mer marg enn det føles nødvendig, ett tydelig blikkfang og ingenting i bakgrunnen som konkurrerer med det.

Hvor minimalistiske bakgrunner fungerer best

• Produktfoto og frilagte motiver: en stille bunn lar form og materiale komme frem. Se bakgrunner til produktfoto.
• Lysbilder med diagrammer eller skjermbilder: innholdet er allerede urolig, så bakgrunnen bør ikke tilføre noe.
• Sitat- og kunngjøringsinnlegg: én linje skrift på en rolig flate leses umiddelbart i en overfylt feed.
• Nettsteder med lang lesing: en varm offwhite føles mykere enn ren hvit over en lang side.
• Luksusmerker og redaksjonelle merkevarer: luft og tilbakeholdenhet leses som selvtillit.

De er et svakere valg der selve bakgrunnen må gjenkjennes, som for en merkevare der fargen er identiteten. Der fungerer en minimalistisk versjon best som den stille partneren til et rikere hovedbilde.

Bygg en minimalistisk bakgrunn i CSS

.minimal {
  background-color: #f7f4ee;
  background-image:
    radial-gradient(ellipse 80% 60% at 25% 10%, #fdfbf7, transparent 70%),
    linear-gradient(180deg, #f7f4ee, #eee8de);
  color: #1f1b18;
}

.minimal--dark {
  background-color: #1b1d22;
  background-image:
    radial-gradient(ellipse 80% 60% at 75% 5%, #2c3038, transparent 70%),
    linear-gradient(180deg, #1b1d22, #16181c);
  color: #eceae6;
}

Til teksturlaget fungerer en svært lett SVG-støy godt. Støytekstur i CSS har koden. På nettsider holder du skjæret unna stedet der hovedspalten med tekst står, og sjekker at de mørkeste og lyseste punktene bak teksten fortsatt gir sterk kontrast.

Vil du ha en minimal bunn med karakter allerede innebygd, lar Gradientlys Marked deg søke etter Marker med fargeord som «varm stein» eller «myk koksgrå». Lyset, kornet og materialet i en Mark gjør akkurat-nok-jobben, og det roligste området flytter seg bak ordene dine.