# 90-tallsestetikk: grunge, web 1.0 og pastellteknologi

[Canonical HTML page](https://gradiently.design/nb/guide/90s-aesthetic)

Tiåret hadde ikke ett uttrykk. Det hadde fotokopierte flygeblader, blinkende hjemmesider, gjennomsiktig plast og ravplakater med smilefjes. Her er palettene bak hvert av dem, med koder du kan kopiere.

## The short version

- 90-tallsestetikken er en familie av uttrykk heller enn én stil: grunge, web 1.0, pastellteknologi, rave og en ren, minimalistisk retning.
- Grunge bruker mørke, avmettede farger som oliven, oksblod og skitten sennep, med fotokopitekstur og slitt typografi.
- Web 1.0 er bygget av rå skjermfarger som #0000ee lenkeblå, #ff00ff magenta og #00ff00 grønn på grått eller svart.
- Pastellteknologi låner fra dupeditter i gjennomsiktig plast: godteriblå, lime, mandarin og drue, som regel på hvitt.
- Et 90-tallsuttrykk fungerer best i dag når du velger én retning, holder paletten stram og legger til moderne luft og lesbar tekst.

**90-tallsestetikken** er ikke én stil, men fire eller fem som levde side om side: grunge, med falmede olivenfarger og fotokopiert tekst; web 1.0, med ren skjermblå og magenta på grått; pastellteknologi, godterifargene fra dupeditter i gjennomsiktig plast; og rave, med syregult og smilefjes. Hver har sin egen palett, tekstur og typografi. Velg én retning, lån fargene nøyaktig, så leses designet ditt som 90-tall uten å se ut som et kostyme.

Under går vi gjennom retningene én etter én, hver med en palett du kan kopiere, og deretter hvordan du gjør dem om til innlegg og bakgrunner som fortsatt føles aktuelle.

## De fire retningene i 90-tallsuttrykket

| Retning | Farger | Tekstur | Skrift |
| --- | --- | --- | --- |
| Grunge | Oliven, oksblod, sennep, bein | Fotokopi, tape, revet papir | Slitt skrivemaskin, smal sans |
| Web 1.0 | Lenkeblå, magenta, lime på grått | Piksler, flislagte bakgrunner, skråkanter | Times, Arial, Comic Sans, pikselskrifter |
| Pastellteknologi | Godteriblå, lime, mandarin, drue | Frostet, gjennomsiktig plast | Avrundet geometrisk sans |
| Rave | Syregul, UV-fiolett, knallrosa | Halvtone, kopimaskin, fluorescerende blekk | Brede techno-displayskrifter |

Et raskt kart over tiåret. Det er når to retninger blandes i ett design at det meste av 90-tallspastisjen går galt.

Det fantes også en stille, minimalistisk retning: svart-hvitt motefotografi, mye tom plass og tynn sans serif. Den har eldes så godt at den sjelden leses som 90-tall i det hele tatt, noe som er nyttig hvis du vil ha stemningen uten kostymet.

## Palett for 90-tallsgrunge

Grungefarger ser ut som de har ligget i solen og blitt fotokopiert to ganger. Ingenting er fullt mettet, og ingenting er rent hvitt. Tenk flanellskjorter, cardiganer fra bruktbutikken og konsertflygeblader stiftet på en telefonstolpe. Bakgrunnen er som regel en skitten offwhite eller nesten svart, og aksentene er grumsete heller enn klare.

- Sot: #1c1b17
- Militæroliven: #4b4a2f
- Oksblod: #6b2a2a
- Skitten sennep: #b08d3c
- Vasket denim: #8a9a9b
- Fotokopibein: #e6dfcf

En grungepalett: to mørke toner, to grumsete aksenter, én falmet blå og en gulnet papirhvit.

Her gjør teksturen like mye som fargen. Legg på kraftig korn, en litt ujevn bakgrunn og tekst som ser stemplet eller maskinskrevet ut. [Kornete gradienter](https://gradiently.design/nb/guide/grainy-gradients) forklarer hvordan du legger til støy som ser ut som trykk og ikke som et filter.

## Web 1.0-estetikk: fargene fra det tidlige internettet

Tidlige nettsider brukte farger som skjermene kunne vise pålitelig, og det er derfor paletten er så rå. Standard lenkeblå, besøkt lilla, grå nettleserramme og en og annen grønn på svart for alt som skulle se teknisk ut. Sjarmen ligger i ærligheten: harde kanter, ingen gradienter bortsett fra en og annen knapp med skråkant, og flislagte bakgrunner bak alt.

- Vindusgrå: #c0c0c0
- Lenkeblå: #0000ee
- Besøkt lilla: #551a8b
- Magenta: #ff00ff
- Terminalgrønn: #00ff00
- Tittellinjemarine: #000080

Web 1.0-farger er rå skjermverdier, blant dem den gamle standard lenkeblå og besøkt lilla fra nettleserne. Bruk dem med full styrke, men sparsomt, på grått eller hvitt.

For å gjøre det lesbart i dag, gi fargene mer plass enn originalene gjorde. Én magenta overskrift på grått leses som en bevisst referanse; seks farger som slåss på en stjernehimmel leses som en ødelagt side. Den samme tilbakeholdenheten gjelder den senere [Y2K-estetikken](https://gradiently.design/nb/guide/y2k-aesthetic), som vokste rett ut av dette uttrykket.

## Pastellteknologi: farger fra gjennomsiktig plast

Mot slutten av tiåret kom datamaskiner, telefoner og håndholdte spillkonsoller i gjennomsiktig, farget plast. Apples iMac fra 1998 i Bondi Blue er det kjente eksempelet, fulgt av fargetoner oppkalt etter frukt. Paletten er klar, men myk, som om den er lyst opp bakfra, og den står best på hvitt eller en blek, kjølig grå.

- Gjennomsiktig blå: `linear-gradient(160deg, #e0f7fa 0%, #4fc3d9 55%, #00838f 100%)`
- Limeplast: `linear-gradient(160deg, #f9fbe7 0%, #c6e05a 55%, #7cb342 100%)`
- Mandarin: `linear-gradient(160deg, #fff3e0 0%, #ffb74d 55%, #f57c00 100%)`
- Drue: `linear-gradient(160deg, #f3e5f5 0%, #b39ddb 55%, #6a4fa3 100%)`

Hver gradient går fra et frostet høylys til full plastfarge, slik lys går gjennom et gjennomsiktig skall.

Disse fungerer nydelig som ensfargede bakgrunner med én linje avrundet sans serif. Kombiner den blå med mandarin for kontrast, eller hold hvert innlegg til én smak og la rutenettet i feeden bli regnbuen.

## Farger fra rave- og klubbflygeblader

Klubb- og raveflygeblader ble trykt billig, ofte med ett eller to fluorescerende blekk over svart. Syregult, UV-fiolett og knallrosa var basisfargene, med halvtoneprikker og brede techno-bokstaver. Hemmeligheten er begrensning: én klar farge på svart roper høyere enn fire. Er neon retningen din, viser [neongradienter](https://gradiently.design/nb/guide/neon-gradients) hvordan du hindrer at det blir grumsete.

Et stående arrangementsinnlegg i 90-talls ravestil som annonserer en lagerkveld på lørdag, på mørk bakgrunn med klar farge

Et raveflygeblad på mørk bakgrunn, én fluorescerende farge og korte, rå ord.

Et stående innlegg med ordene Spol tilbake på en myk godterifarget bakgrunn i 90-talls pastellteknologistil

En pastellteknologi-variant: ett budskap på en myk, gjennomsiktig farge, med god luft.

## Slik bruker du 90-tallsestetikk uten at det ser utdatert ut

### Kostyme

- Grungetekstur, nettfarger og raveskrift i ett innlegg
- Alle farger med full styrke samtidig
- Slitt skrift i brødtekststørrelse
- Utklippsgrafikk og morsomme skrifter som hele ideen

### Referanse

- Én retning per design, holdt gjennom hele feeden
- Én høylytt farge, resten av paletten som støtte
- Tekstur på bakgrunnen, ren tekst over
- Moderne luft og én tidsriktig detalj gjort godt

1. **Velg én retning** Grunge for band og vintagebutikker, web 1.0 for teknologi og nyhetsbrev, pastellteknologi for produkter og lekne merkevarer, rave for uteliv.
2. **Kopier paletten, og skjær den ned** Start fra hex-kodene over og behold tre eller fire. En stram palett leses som bevisst.
3. **Legg tidsdetaljen på ett sted** En pikselskrift til én etikett, en halvtonebakgrunn, en knapp med skråkant. Én detalj selger tiåret.
4. **Hold ordene lette å lese** Sett overskrifter stort på den roligste delen av bakgrunnen. [Retroskrifter](https://gradiently.design/nb/guide/retro-fonts) lister skrifter som bærer epoken og fortsatt leses godt.

Vil du ha en 90-tallsinspirert bakgrunn som ingen andre legger ut, er Gradiently sine Marks et godt utgangspunkt: levende gradient- og materialbakgrunner med korn og lys innebygd, hver av dem unik. Ord som plasseres på en Mark forblir lesbare fordi bakgrunnen roer seg ned bak dem. For den bredere familien av tilbakeblikk, se [retrogradienter](https://gradiently.design/nb/guide/retro-gradients) og [80-tallsestetikken](https://gradiently.design/nb/guide/80s-aesthetic).

## FAQ

### Hvilke farger hører til 90-tallsestetikken?

Det kommer an på retningen. Grunge bruker oliven, oksblod og sennep; web 1.0 bruker lenkeblå, magenta og grått; pastellteknologi bruker godteriblå, lime og mandarin; rave bruker syregult og UV-fiolett på svart.

### Hva er forskjellen på 90-tallsestetikk og Y2K?

Y2K er helt på slutten av tiåret og tidlig 2000-tall: krom, bobler og blank futurisme. Det bredere 90-tallsuttrykket omfatter også grunge, web 1.0 og rave, som er røffere og flatere.

### Hvilke skrifter ser 90-talls ut?

Skrivemaskinskrifter og smale sans-skrifter for grunge, Times og pikselskrifter for web 1.0, avrundet geometrisk sans for pastellteknologi og brede techno-displayskrifter for raveflygeblader.

### Hvordan lager jeg et bakgrunnsbilde med 90-tallsestetikk?

Velg én retning, bruk to eller tre av fargene som en gradient eller en flat bakgrunn, og legg til korn eller halvtonetekstur. Hold det enkelt så ikoner og widgeter forblir lesbare.