# Art déco-design: guld, geometri och glamour i dag

[Canonical HTML page](https://gradiently.design/sv/guide/art-deco-design)

Solstrålar, trappstegsformer, höga bokstäver och guld på svart: art déco är det mest glamorösa av förra seklets stilar. Så byggdes den, och så använder du den i dag utan att det blir en maskeraddräkt.

## The short version

- Art déco är en dekorativ stil som blomstrade på 1920- och 1930-talen, uppkallad efter utställningen för dekorativ och industriell konst i Paris 1925.
- Art déco-design förenar sträng geometri, som solstrålar, sparrar, solfjädrar och trappstegsformer, med rika material och färger som guld, svart, smaragd och marinblått.
- Art déco-typografi är hög, geometrisk och högkontrastig, ofta med mycket tunna och mycket tjocka streck i samma bokstav.
- Namnet art déco blev känt först på 1960-talet, årtionden efter själva stilen, bland annat genom historikern Bevis Hilliers bok från 1968.
- En modern art déco-look fungerar bäst med en mörk botten, en metallisk accent, ett geometriskt motiv och gott om symmetri.

**Art déco-design** är 1920- och 1930-talens glamorösa geometriska stil: solstrålar, solfjädrar, sparrar och trappstegsformer, i rika färger som guld på svart, smaragd och djupt marinblått, med hög, elegant typografi. Den fick sitt namn efter Exposition internationale des Arts décoratifs et industriels modernes i Paris 1925. I dag passar den allt som ska kännas festligt och lite lyxigt, från bröllopsinbjudningar och cocktailmenyer till varumärkeslanseringar.

## Art déco-historia: varifrån stilen kom

Art déco blandade många källor: kubismens fasetterade former, maskinålderns kärlek till fart och upprepning och en modetrend för egyptiska motiv efter att Tutankhamons grav hittats 1922. Stilen dök upp överallt samtidigt, i skyskrapor, oceanångare, biografer, smycken och affischer. Chrysler Building i New York, färdig 1930, är troligen dess mest kända monument, med en trappstegskrona av solstrålar i rostfritt stål.

Namnet kom senare. Folk på den tiden talade om style moderne; benämningen art déco spreds på 1960-talet, med hjälp av Bevis Hilliers bok om perioden från 1968. I slutet av 1930-talet hade stilen mjukats upp till Streamline Moderne, där kurvor och horisontella fartlinjer ersatte skarpa sicksackmönster.

## Art déco-färger

Déco-färg handlar om kontrast och rikedom: en mörk, lackad botten och en metallisk accent, ibland med en juveltone. Paletterna nedan är gjorda för skärm och tryck. Guld i synnerhet ser bara ut som metall när det skiftar från mörkt till ljust, och därför fungerar en gradient bättre än ett platt gult; [guldgradienter](https://gradiently.design/sv/guide/gold-gradient-design) förklarar varför.

- Lacksvart: #0d0d0d
- Midnattsblå: #1b2a41
- Smaragd: #0f4c3a
- Förgyllning: #c9a227
- Champagne: #e8d7a9
- Elfenben: #f4efe4

En grundpalett för art déco. Välj en mörk botten och använd sedan förgyllning och champagne till linjer, typografi och motiv.

| Palett | Koder | Stämning |
| --- | --- | --- |
| Svart och guld | `#0d0d0d` `#c9a227` `#e8d7a9` | Klassisk, kväll, firande |
| Smaragd och mässing | `#0f4c3a` `#b08d3c` `#f4efe4` | Hotellbar, gammal rikedom, botanisk |
| Marinblå och champagne | `#1b2a41` `#e8d7a9` `#c0c0c0` | Oceanångare, lugn, förfinad |
| Blush och brons | `#e9c9c1` `#8c5a3c` `#2b1d1a` | Mjukare déco, skönhet, bröllop |
| Jade och korall | `#2f7f73` `#e8735a` `#f2e8d5` | Miami-déco, semester, lekfull |

Fem déco-paletter. Miamis pastellfärgade déco-hotell visar att stilen inte måste vara mörk.

## Art déco-mönster och motiv

Motiven är geometriska och symmetriska: strålar som breder ut sig från en punkt, trappstegsformade ziggurat-konturer, sparrar, snäckskalskanter och upprepade tunna linjer. Många går att rita med en enda CSS-gradient, vilket gör dem lätta att använda som bakgrunder och ramar.

- Polerat guld: `linear-gradient(135deg, #6e4f17 0%, #c9a227 30%, #f3dc8a 50%, #b8892b 70%, #6e4f17 100%)`
- Solstrålar: `repeating-conic-gradient(from 0deg at 50% 100%, #c9a227 0deg 5deg, #0d0d0d 5deg 12deg)`
- Solfjäder: `repeating-radial-gradient(circle at 50% 100%, #c9a227 0 3px, #1b2a41 3px 22px)`
- Smaragdrandig: `repeating-linear-gradient(90deg, #0f4c3a 0 18px, #b08d3c 18px 20px)`
- Diagonal hårfin linje: `repeating-linear-gradient(45deg, #0d0d0d 0 14px, #e8d7a9 14px 16px)`
- Marinblått med guldband: `linear-gradient(180deg, #1b2a41 0%, #1b2a41 60%, #e8d7a9 60%, #e8d7a9 64%, #1b2a41 64%)`

Sex déco-bakgrunder i ren CSS. Solstrålarna och solfjädern strålar ut från nedre mitten, precis som på déco-portar och affischer.

> **Tunna linjer, inte sken** Décos glamour kommer från fina metalliska linjer och skarpa kanter. Undvik mjukt sken runt bokstäverna; en tunn guldkontur eller dubbel linje ser mycket mer autentisk ut.

## Art déco-typsnitt och typografi

Déco-typografi är hög och geometrisk, ofta i versaler, med dramatisk kontrast mellan tjocka och tunna streck. Vissa typsnitt staplar streck eller lägger in skurna linjer. Klassiska exempel är Broadway och A. M. Cassandres Peignot, och Cassandres affischer för oceanångare är fortfarande förebilden för déco-layout. Som gratis alternativ förmedlar Poiret One och Limelight på [Google Fonts](https://fonts.google.com) känslan väl.

- **Sätt rubriker i versaler** med generöst bokstavsavstånd, vilket passar de höga proportionerna.
- **Para ihop ett displaytypsnitt med ett stillsamt sans serif** för detaljerna; två dekorativa typsnitt bråkar med varandra.
- **Använd inline- eller dubbla streck** för en smyckeslik finish. Bokstavsbehandlingarna Innerlinje och Dubbel i Gradiently gör detta med vilken rubrik som helst.
- **Centrera och stapla** typen symmetriskt, så som déco-skyltar och portar är komponerade.

Mer om att välja displaytypsnitt finns i [eleganta typsnitt](https://gradiently.design/sv/guide/elegant-fonts) och [displaytypsnitt](https://gradiently.design/sv/guide/display-fonts).

## Så använder du art déco i modern design

Ett stående inbjudningsinlägg till nyårsafton med texten En kväll i guld och centrerad typografi

Ett symmetriskt eventinlägg: överrubrik i versaler, centrerad rubrik, en rad detaljer.

En hög inbjudan med texten The Gilt Room och en liten överrubrik, Cocktails

En inbjudan i 5×7 tum, 1500×2100: déco fungerar vackert i tryck, där fina linjer håller.

### Maskeraddräkt

- Alla motiv på en gång: solfjädrar, sicksack, solstrålar
- Platt senapsgult som får föreställa guld
- Tre dekorativa typsnitt
- Guldsken runt varje ord

### Modern déco

- Ett motiv, använt som ram eller bakgrund
- Ett guld som skiftar från mörkt till ljust
- Ett displaytypsnitt och ett stillsamt sans serif
- Fina metalliska linjer och skarpa kanter

1. **Välj en mörk botten** Svart, marinblått eller smaragd. Déco bygger på kontrasten mellan en djup yta och en ljus metall.
2. **Välj ett motiv** Solstrålar bakom rubriken, en solfjäder i foten eller en trappstegsram. Ett räcker.
3. **Bygg symmetri** Centrera kompositionen på en lodrät axel, med typen staplad och jämnt fördelad.
4. **Använd metall sparsamt** Linjer, typografi och motivet i guld. Stora platta guldytor ser billiga ut.

Déco passar [inbjudningsdesign](https://gradiently.design/sv/guide/invitation-design), restaurang- och barvarumärken, juvelerare och allt som är säsongsbetonat och festligt. En Gradiently-Mark med mörk botten och metalliskt ljus kan ersätta lacken och förgyllningen, så att bakgrunden redan känns rik medan du håller typen och motivet skarpa ovanpå. För en strängare, mer funktionell kusin från samma årtionde, läs [Bauhaus-design](https://gradiently.design/sv/guide/bauhaus-design).

## FAQ

### Vad är art déco-design?

En dekorativ stil från 1920- och 1930-talen som förenar geometriska motiv som solstrålar och sparrar med lyxiga färger och material som guld, svart och smaragd.

### Vilka färger är art déco?

Svart, guld, djupt marinblått, smaragd, elfenben och champagne är klassikerna. Pastelldéco, som i Miami, använder jade, korall och blekrosa.

### Vilket typsnitt är art déco?

Höga, geometriska, högkontrastiga versaler som Broadway och Peignot. Gratisalternativ med liknande känsla är Poiret One och Limelight.

### Varifrån kommer namnet art déco?

Från Exposition internationale des Arts décoratifs et industriels modernes i Paris 1925. Det korta namnet blev vanligt på 1960-talet.

### Hur gör jag en art déco-bakgrund i CSS?

Använd en upprepad konisk gradient från nedre mitten för solstrålar, eller en upprepad radiell gradient för en solfjäder, i guld på svart eller marinblått.