# Y2K-estetikk: krom, gradienter og glød

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

Flytende krom, gjennomskinnelig plast, isblått og tyggegummirosa: uttrykket fra årtusenskiftet er tilbake. Slik virker det, og slik bærer du det uten at det ser ut som et kostyme.

## The short version

- Y2K-estetikken er det optimistiske, teknologiinspirerte uttrykket fra omtrent slutten av 1990-tallet til midten av 2000-tallet, bygget på krom, gjennomskinnelig plast, irisering og glød.
- Kjernefargene er sølv, hvitt, isblått, babyrosa, lilla og syrelime, på hvit eller dyp blåsvart grunn.
- Overbevisende krom er en gradient med vekslende lyse og mørke bånd, fordi polert metall speiler en lys himmel over, en mørk horisont og en lysere bakke under.
- Y2K-uttrykket fungerer best i dag når ett trekk leder, som kromskrift eller en iriserende bakgrunn, med et moderne oppsett og lesbar tekst rundt.

**Y2K-estetikk** er uttrykket fra årtusenskiftet: flytende krom, gjennomskinnelig plast, frostede blåtoner, tyggegummirosa, iriserende film og myk glød, alt båret av en optimisme rundt teknologi og framtiden. Det dekker omtrent slutten av 1990-tallet til midten av 2000-tallet, og det har fått nytt liv i mote, musikk og grafisk design de siste årene. Gradienter ligger i hjertet av det, fordi nesten hver Y2K-overflate er en overgang: metall, gel, glass eller lys.

Denne guiden deler uttrykket opp i trekkene sine, gir paletter og gradientkoder som faktisk leses som krom, is og glød, og viser hvordan du bruker det nå uten at det ser ut som et kostyme. For nabostiler, se [holografiske gradienter](https://gradiently.design/nb/guide/holographic-gradients) og [retrogradienter](https://gradiently.design/nb/guide/retro-gradients).

## Hva som kjennetegner Y2K-estetikken

Stilen kom fra teknologien og produktene i sin tid. Gjennomskinnelig farget plast, gjort berømt av Apples iMac G3 i 1998, spredte seg til telefoner, spillkontrollere og hodetelefoner. Grensesnittene ble blanke, og Apples Aqua fikk i 2000 knapper til å se ut som gel. Musikkvideoer, albumcovere og spill elsket krombokstaver, linserefleks og avrundede, futuristiske former.

| Trekk | Hvordan det ser ut | Hvordan du bruker det nå |
| --- | --- | --- |
| Flytende krom | Speilblankt metall i bånd av lyst og mørkt | Overskrifter og logoer, aldri brødtekst |
| Gjennomskinnelig plast | Tonet, gjennomsiktig farge med myke høylys | Bakgrunner og produktbilder |
| Irisering | Perlemorsfilm som skifter mellom pastelltoner | Én flate per design |
| Glød og refleks | Mykt lys som flyter ut fra lyse punkter | Bak ett enkelt ord eller objekt |
| Bobleformer | Avrundede, oppblåste former og pilleknapper | Klistremerker, merker, knapper |
| Futuristisk skrift | Brede, avrundede eller pikselinspirerte bokstaver | Bare korte displaylinjer |

Seks trekk som får et design til å leses som Y2K. Du trenger sjelden mer enn to om gangen.

## Y2K-fargepaletter og gradientkoder

- Sølv: #c0c6cf
- Hvitt gjenskinn: #eef3f8
- Isblå: #9ee7ff
- Babyrosa: #ffc2e2
- Lilla: #c7a8ff
- Syrelime: #c6ff3d
- Dypt verdensrom: #0b0b2b

Kjernepaletten i Y2K: kjølig metall og hvitt, myke pasteller, én syrlig aksent og en dyp grunn for glød.

Det meste av Y2K-fargene er kjølige og lyse. Sølv og hvitt gir den metalliske basen, isblått og lilla gir den frostede, digitale følelsen, og babyrosa står for den lekne siden. Syrelime er aksenten, brukt sparsomt. Når et design skal gløde, bytter du den hvite grunnen mot en dyp blåsvart, som i [neongradienter](https://gradiently.design/nb/guide/neon-gradients).

- Frostet isblå: `linear-gradient(180deg, #e8fbff 0%, #9ee7ff 45%, #3cc3f2 100%)`
- Tyggegummi til lilla: `linear-gradient(135deg, #ffd6f0 0%, #ff8fd1 50%, #c77dff 100%)`
- Perlemorsfilm: `linear-gradient(120deg, #c9f0ff 0%, #e6d4ff 30%, #ffd6ec 55%, #fff4c9 80%, #d3ffe9 100%)`
- Gjennomskinnelig blågrønn plast: `linear-gradient(160deg, #8fe3e6 0%, #1f9aa8 55%, #0d5f6e 100%)`
- Syrelimeglød: `radial-gradient(circle at 50% 45%, #f4ffd0 0%, #c6ff3d 25%, #3b7a12 55%, #0b0b2b 85%)`
- Dypt verdensrom til is: `linear-gradient(180deg, #0b0b2b 0%, #2a1a5e 55%, #9ee7ff 100%)`

Seks Y2K-gradienter, alle til å kopiere. Perlemorsfilmen fungerer best stor, som et ark holografisk folie.

## Slik lager du en kromgradient som leses som metall

Krom er den vanskeligste Y2K-effekten å etterligne og den letteste å gjøre feil. En glatt gradient fra grått til hvitt ser ut som plast. Polert metall er et speil: det reflekterer en lys himmel i den øvre halvdelen, en skarp mørk horisont nær midten og en lysere bakke under. Krom trenger derfor flere bånd, med minst ett brått skifte fra lyst til mørkt.

Flytende krom: `linear-gradient(180deg, #ffffff 0%, #d9dee5 20%, #8e97a3 46%, #2f353d 50%, #c9d0d8 54%, #f2f5f8 75%, #9aa3ae 100%)`

Himmel, horisont, bakke: hvitt som faller til stålgrått, en hard mørk linje på halvveispunktet, og så lyst igjen. Det brå skiftet er det som leses som et speil.

For kromskrift klipper du gradienten til bokstavene og legger til en svak, kjølig glød. Spar krom til noen få store ord: i små størrelser forsvinner båndene, og teksten blir vanskelig å lese. [Gradienttekst i CSS](https://gradiently.design/nb/guide/css-gradient-text) går dypere inn i klipping.

```css
.chrome-text {
  font-weight: 800;
  background: linear-gradient(180deg, #ffffff 0%, #d9dee5 20%, #8e97a3 46%, #2f353d 50%, #c9d0d8 54%, #f2f5f8 75%, #9aa3ae 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 10px rgba(158, 231, 255, 0.55));
}
```

Krombokstaver i CSS. Skyggen gir en isete glød. Fjern den for kaldere, hardere metall.

## Glød, glans og gjennomskinnelighet

Glød er det som får Y2K til å føles elektrisk og ikke bare blankt. Oppskriften er en svært lys kjerne, en mettet ring og et raskt fall ned i en mørk grunn. Glans er gelhøylyset på knappene fra Aqua-tiden: en lysere øvre halvdel og en hard kant der refleksen slutter. Gjennomskinnelighet er frostet farge du nesten kan se gjennom, forfaren til dagens [glassmorfisme](https://gradiently.design/nb/guide/glassmorphism).

- Rosa linseglød: `radial-gradient(circle at 50% 40%, #ffffff 0%, #ffd1f5 12%, #ff5fc8 32%, #3a0f4f 62%, #0b0b2b 90%)`
- Gel i Aqua-stil: `linear-gradient(180deg, #e3f6ff 0%, #9fd9ff 48%, #3aa6ef 52%, #7fd0ff 100%)`
- Frostet glass: `linear-gradient(135deg, #f5fbff 0%, #d7e9f7 45%, #c5d9ee 100%)`

Glød, glans og frost som gradienter du kan kopiere. Bruk én av dem per design, ikke alle tre.

Én sterk effekt per design er regelen for alle tre. Et glødende ord på en blank knapp over frostet glass er Y2K-uttrykket på sitt mest utdaterte. For hvor glansen kom fra, se [en kort historie om gradienter](https://gradiently.design/nb/guide/history-of-gradients).

## Y2K, vaporwave og Frutiger Aero sammenlignet

Tre stiler fra internettalderen forveksles ofte. De deler gradienter og nostalgi, men skiller seg i stemning, epoke og palett.

| Stil | Epoken den henter fra | Palett | Motiver |
| --- | --- | --- | --- |
| Y2K | Slutten av 1990-tallet til midten av 2000-tallet | Sølv, isblå, babyrosa, lime | Krom, gjennomskinnelig plast, glød |
| Vaporwave | Bilder fra 1980- og 1990-tallet, remikset på nettet på 2010-tallet | Knallrosa, cyan, fiolett, solnedgangsoransje | Rutenett, solnedganger, marmorbyster, gamle dataskjermer |
| Frutiger Aero | Midten av 2000-tallet til tidlig 2010-tall | Himmelblå, gressgrønn, hvit | Vann, bobler, blankt glass, himmel og natur |

Nabostiler. [Vaporwave- og synthwave-farger](https://gradiently.design/nb/guide/vaporwave-colors) dekker den rosa og cyan siden.

## Slik oppdaterer du Y2K-estetikken til nå

1. **Velg ett hovedtrekk** Velg krom, irisering, glød eller gjennomskinnelig farge, og la det lede. Alt annet holder seg stille.
2. **Bruk et moderne oppsett** God luft, et tydelig rutenett og ett budskap per design hindrer at uttrykket tipper over i kostyme.
3. **Kombiner det med ren skrift** Sett støtteteksten i en enkel, moderne sans serif. Spar brede eller futuristiske bokstaver til én enkelt displaylinje.
4. **Legg til korn i stedet for mer glans** Fint korn over en iriserende flate eller kromflate får den til å føles fysisk og aktuell i stedet for plastaktig. Se [kornete gradienter](https://gradiently.design/nb/guide/grainy-gradients).
5. **Sjekk kontrasten** Pastell- og kromtekst på hvitt holder ofte ikke. Test hver linje mot bakgrunnen med reglene i [fargekontrast](https://gradiently.design/nb/guide/color-contrast-accessibility).

Et stående innlegg for et produktslipp med tittelen The Chrome Edit, som kunngjør en kolleksjon i butikk på fredag

En Y2K-kampanje som innlegg i feeden: korte, dristige ord og ett tydelig budskap.

En stående story som teller ned to dager til The Chrome Edit, med dørene som åpner klokka ti på fredag

Den samme kampanjen som en story. Oppsettet endres, uttrykket er det samme.

Et Y2K-uttrykk hører som regel til en kampanje og ikke en varig identitet: en kolleksjon, en fest, et album. I [Markedet](/market) i Gradiently kan du søke med fargeord som isblå, sølv eller lilla for å finne en Mark med den følelsen, og designe gratis med den.

## FAQ

### Hva er Y2K-estetikk?

Y2K-estetikken er den teknologioptimistiske visuelle stilen fra omtrent slutten av 1990-tallet til midten av 2000-tallet: krom, gjennomskinnelig plast, iriserende pasteller, blanke flater og glød.

### Hvilke farger er med i en Y2K-fargepalett?

Sølv, hvitt, isblått, babyrosa, lilla og syrelime, på hvit grunn eller en dyp blåsvart når designet skal gløde.

### Hvordan lager du en kromgradient?

Bruk flere bånd: lyst øverst, en hard mørk linje nær midten, og så lyst igjen. Det etterligner et speil som reflekterer himmel, horisont og bakke, og det er det som får metall til å leses som metall.

### Hva er forskjellen på Y2K og vaporwave?

Y2K er kjølig, metallisk og futuristisk, bygget på sølv, isblått og rosa. Vaporwave er en internettstil fra 2010-tallet som remikser bilder fra 1980- og 1990-tallet i knallrosa, cyan og fiolett, med rutenett, solnedganger og marmorbyster.

### Kan en merkevare bruke Y2K-estetikken på lang sikt?

Den passer best til kampanjer, kolleksjoner og arrangementer. For en varig identitet låner du ett trekk, som en iriserende flate eller en kromaksent, og holder resten av systemet moderne.