# 90'er-æstetik: grunge, web 1.0 og pastelteknologi

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

Årtiet havde ikke ét look. Det havde fotokopierede flyers, blinkende hjemmesider, gennemsigtig plast og rave-plakater med smileys. Her er paletterne bag hver af dem, med koder, du kan kopiere.

## The short version

- 90'er-æstetik er en familie af looks frem for én stil: grunge, web 1.0, pastelteknologi, rave og en ren, minimal gren.
- Grunge bruger mørke, afmættede farver som oliven, okseblod og snavset sennep, med fotokopitekstur og slidt skrift.
- Web 1.0 er bygget af barske skærmfarver som linkblå #0000ee, magenta #ff00ff og grøn #00ff00 på grå eller sort baggrund.
- Pastelteknologi låner fra gennemsigtige plastgadgets: slikblå, lime, mandarin og drue, som regel på hvid.
- Et 90'er-look virker i dag bedst, når du tager én gren, holder paletten stram og tilføjer moderne afstand og læselig skrift.

**90'er-æstetik** er ikke én stil, men fire eller fem, der løb side om side: grunge med sine falmede oliventoner og fotokopierede skrift; web 1.0 med ren skærmblå og magenta på grå; pastelteknologi, de slikkede farver fra gennemsigtige plastgadgets; og rave, alt sammen syregult og smileys. Hver har sin egen palet, tekstur og skrift. Vælg én gren, lån dens farver præcist, og dit design læses som 90'erne uden at ligne udklædning.

Herunder gennemgår vi grenene én for én, hver med en palet, du kan kopiere, efterfulgt af, hvordan du omsætter dem til opslag og baggrunde, der stadig føles aktuelle.

## De fire grene af 90'er-looket

| Gren | Farver | Tekstur | Skrift |
| --- | --- | --- | --- |
| Grunge | Oliven, okseblod, sennep, benhvid | Fotokopi, tape, iturevet papir | Slidt skrivemaskineskrift, kondenseret sans |
| Web 1.0 | Linkblå, magenta, lime på grå | Pixels, fliselagte baggrunde, skråkanter | Times, Arial, Comic Sans, pixelskrifttyper |
| Pastelteknologi | Slikblå, lime, mandarin, drue | Matteret, gennemsigtig plast | Afrundet geometrisk sans |
| Rave | Syregul, UV-violet, kraftig pink | Halvtone, xerox, fluorescerende farve | Brede techno-displayskrifttyper |

Et hurtigt kort over årtiet. At blande to grene i ét design er der, hvor de fleste 90'er-pastiche går galt.

Der fandtes også en stille, minimal gren: sort-hvid modefotografi, masser af tom plads og tynd sans-skrift. Den er ældet så godt, at den sjældent læses som 90'erne overhovedet, hvilket er nyttigt, hvis du vil have stemningen uden kostumet.

## Palet til 90'er-grunge

Grungefarver ser ud, som om de har ligget i solen og er kopieret to gange. Intet er fuldt mættet, og intet er rent hvidt. Tænk på flannelskjorter, cardigans fra genbrugen og koncertflyers hæftet fast på en telefonpæl. Baggrunden er som regel en snavset råhvid eller en næsten sort, og accenterne er mudrede frem for skarpe.

- Sod: #1c1b17
- Armyoliven: #4b4a2f
- Okseblod: #6b2a2a
- Snavset sennep: #b08d3c
- Vasket denim: #8a9a9b
- Fotokopibenhvid: #e6dfcf

En grungepalet: to mørke toner, to mudrede accenter, en falmet blå og en gulnet papirhvid.

Teksturen gør lige så meget arbejde som farven her. Tilføj kraftigt korn, en let ujævn baggrund og skrift, der ser stemplet eller skrevet på maskine ud. [Kornede gradienter](https://gradiently.design/da/guide/grainy-gradients) forklarer, hvordan du tilføjer støj, der ligner tryk frem for et filter.

## Web 1.0-æstetik: det tidlige internets farver

Tidlige websider brugte farver, skærmene kunne vise pålideligt, og derfor er paletten så barsk. Standardlinkblå, besøgt lilla, grå browserramme og den lejlighedsvise grønne på sort til alt, der skulle se teknisk ud. Charmen ligger i ærligheden: hårde kanter, ingen gradienter bortset fra en enkelt skråkantet knap og fliselagte baggrunde bag alt.

- Vinduesgrå: #c0c0c0
- Linkblå: #0000ee
- Besøgt lilla: #551a8b
- Magenta: #ff00ff
- Terminalgrøn: #00ff00
- Titellinjemarine: #000080

Web 1.0-farver er barske skærmværdier, inklusive den gamle browserstandard for linkblå og besøgt lilla. Brug dem i fuld styrke, men sparsomt, på grå eller hvid.

For at gøre det læseligt i dag skal du give farverne mere plads, end originalerne fik. Én magenta overskrift på grå læses som en bevidst reference; seks farver, der kæmper på en stjernehimmel, læses som en ødelagt side. Den samme tilbageholdenhed gælder for den senere [Y2K-æstetik](https://gradiently.design/da/guide/y2k-aesthetic), som voksede direkte ud af dette look.

## Pastelteknologi: gennemsigtige plastfarver

Sent i årtiet kom computere, telefoner og håndholdte spil i gennemsigtig, farvet plast. Apples iMac fra 1998 i Bondi Blue er det berømte eksempel, efterfulgt af nuancer opkaldt efter frugt. Paletten er klar, men blød, som om den var belyst bagfra, og den sidder bedst på hvid eller en lys, kølig grå.

- Gennemsigtig 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 løber fra et matteret højlys til den fulde plastfarve, som lys, der passerer gennem et gennemsigtigt skal.

De fungerer smukt som ensfarvede baggrunde med én linje afrundet sans-skrift. Par den blå med mandarin for kontrast, eller hold hvert opslag til én smag og lad gitteret blive til regnbuen.

## Rave- og klubflyerfarver

Klub- og raveflyers blev trykt billigt, ofte i en eller to fluorescerende farver over sort. Syregul, UV-violet og kraftig pink var grundpillerne, med halvtonepunkter og brede techno-bogstaver. Hemmeligheden er begrænsning: én skarp farve på sort råber højere end fire. Er neon din retning, viser [neongradienter](https://gradiently.design/da/guide/neon-gradients), hvordan du undgår, at det bliver mudret.

Et portrætopslag til en begivenhed i 90'er-ravestil, der annoncerer en lørdagsnat i et lagerlokale på mørk baggrund med kraftig farve

En raveflyer på mørk baggrund, én fluorescerende farve og korte, barske ord.

Et portrætopslag med det enkelte ord Rewind på en blød slikfarvet baggrund i 90'er-pastelteknologistil

En pastelteknologi-udgave: ét ord på en blød, gennemsigtig farve og masser af luft.

## Sådan bruger du 90'er-æstetik, uden at det virker forældet

### Kostume

- Grungetekstur, webfarver og ravebogstaver i ét opslag
- Alle farver i fuld styrke på én gang
- Slidt skrift i brødtekststørrelse
- Clipart og nyhedsskrifttyper som hele idéen

### Reference

- Én gren pr. design, holdt igennem hele feedet
- Én høj farve, resten af paletten som støtte
- Tekstur i baggrunden, ren skrift ovenpå
- Moderne afstand og én periodedetalje gjort godt

1. **Vælg én gren** Grunge til bands og vintagebutikker, web 1.0 til tech og nyhedsbreve, pastelteknologi til produkter og legende brands, rave til nattelivet.
2. **Kopier paletten, og skær den så ned** Start fra hex-koderne ovenfor og behold tre eller fire. En stram palet virker bevidst.
3. **Sæt periodedetaljen ét sted** En pixelskrift til én etiket, en halvtonebaggrund, en skråkantet knap. Én detalje sælger årtiet.
4. **Gør ordene lette at læse** Sæt overskrifter stort på baggrundens roligste område. [Retroskrifttyper](https://gradiently.design/da/guide/retro-fonts) viser skrifttyper, der bærer æraen og stadig læses godt.

Vil du have en 90'er-inspireret baggrund, som ingen andre poster, er Marks fra Gradiently et godt udgangspunkt: levende gradient- og materialebaggrunde med korn og lys indbygget, hver især unik. Ord på en Mark forbliver læselige, fordi baggrunden falder til ro bag dem. For den bredere familie af nostalgiske looks, se [retrogradienter](https://gradiently.design/da/guide/retro-gradients) og [80'er-æstetik](https://gradiently.design/da/guide/80s-aesthetic).

## FAQ

### Hvilke farver er der i 90'er-æstetik?

Det afhænger af grenen. Grunge bruger oliven, okseblod og sennep; web 1.0 bruger linkblå, magenta og grå; pastelteknologi bruger slikblå, lime og mandarin; rave bruger syregul og UV-violet på sort.

### Hvad er forskellen på 90'er-æstetik og Y2K?

Y2K er årtiets allersidste del og begyndelsen af 00'erne: krom, bobler og blank futurisme. Det bredere 90'er-look omfatter også grunge, web 1.0 og rave, som er råere og fladere.

### Hvilke skrifttyper ser 90'er ud?

Skrivemaskine- og kondenserede sans-skrifttyper til grunge, Times og pixelskrifttyper til web 1.0, afrundet geometrisk sans til pastelteknologi og brede techno-displayskrifttyper til raveflyers.

### Hvordan laver jeg en baggrund i 90'er-æstetik?

Vælg én gren, brug to eller tre af dens farver som gradient eller ensfarvet baggrund, og tilføj så korn eller halvtonetekstur. Hold det enkelt, så ikoner og widgets forbliver læselige.