# Bauhaus-design: former, primærfarger og varige ideer

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

En skole som bare fantes i fjorten år former fortsatt hvordan plakater, møbler, apper og logoer ser ut. Her er hva Bauhaus faktisk lærte bort, og hvordan du låner det uten å lage en etterligning.

## The short version

- Bauhaus var en tysk skole for kunst, håndverk og design, grunnlagt av Walter Gropius i Weimar i 1919 og stengt i Berlin i 1933 under press fra naziregimet.
- Bauhaus-design foretrekker enkle geometriske former, primærfarger, sans serif-skrift, asymmetriske layouter og ideen om at formen skal følge funksjonen.
- I 1923 ba Wassily Kandinsky folk ved skolen om å koble en trekant, et kvadrat og en sirkel til gult, rødt og blått; selv foreslo han en gul trekant, et rødt kvadrat og en blå sirkel.
- Herbert Bayer tegnet en skrift med bare små bokstaver kalt universal i 1925, et tidlig eksempel på skolens jakt på enklere, mer rasjonell typografi.
- For å bruke Bauhaus-stilen i dag bør du låne prinsippene om tydelig struktur og begrenset farge i stedet for å kopiere formene bokstavelig.

**Bauhaus-design** er stilen som kom ut av Bauhaus, en tysk skole for kunst, håndverk og design som eksisterte fra 1919 til 1933. Den er kjent for enkle geometriske former, primærfarger, sans serif-bokstaver, asymmetriske layouter og troen på at godt design skal være nyttig, godt laget og egnet for industriell produksjon. Ideene ligger fortsatt under det meste av moderne grafisk design, fra rutenettet i en plakat til ikonene på mobilen din.

## En kort historie om Bauhaus

| År | Hva som skjedde |
| --- | --- |
| 1919 | Walter Gropius grunnlegger Staatliches Bauhaus i Weimar og forener undervisning i billedkunst og håndverk. |
| 1923 | En stor utstilling viser skolens arbeid; Kandinsky gjennomfører spørreskjemaet sitt om form og farge. |
| 1925 | Skolen flytter til Dessau. Herbert Bayer tegner skriften universal med bare små bokstaver. |
| 1926 | Bygningen i Dessau, tegnet av Gropius, åpner, glassvegger og alt. |
| 1928 til 1930 | Hannes Meyer leder skolen og dreier den mot arkitektur og samfunnsnytte. |
| 1930 til 1933 | Ludwig Mies van der Rohe leder; skolen flytter til Berlin i 1932 og stenger i 1933. |
| Etter 1933 | Lærerne emigrerer. Gropius og Marcel Breuer underviser ved Harvard, Mies i Chicago, Josef Albers ved Black Mountain College og senere Yale. |

Fjorten år, tre byer, tre direktører. Emigrasjonen etter 1933 er en stor del av grunnen til at ideene spredte seg så vidt.

Lærerne var bemerkelsesverdige: blant dem Johannes Itten, Paul Klee, Wassily Kandinsky, László Moholy-Nagy og Josef Albers. Albers skrev senere *Interaction of Color*, fortsatt en av de beste bøkene om hvordan farger endrer hverandre, og den henger direkte sammen med moderne [fargelære](https://gradiently.design/nb/guide/color-theory-basics).

## Bauhaus-farger og former, med CSS

Uttrykket de fleste ser for seg er rødt, gult og blått med svart, på en offwhite bunn, bygget av sirkler, kvadrater og trekanter. Kandinskys spørreskjema fra 1923, som foreslo den gule trekanten, det røde kvadratet og den blå sirkelen, ble en forkortelse for hele skolen, selv om Bauhaus-arbeider brukte mange flere farger enn det.

- Bauhaus-rød: #be1e2d
- Bauhaus-gul: #f2c12e
- Bauhaus-blå: #21409a
- Svart: #111111
- Papir: #f1ece1

En palett inspirert av Bauhaus. Primærfargene er litt varmere og dypere, nærmere trykkfarge enn skjermens RGB.

- Blå sirkel: `radial-gradient(circle at 50% 50%, #21409a 0 38%, #f1ece1 38.5%)`
- Rød kvartsirkel: `radial-gradient(circle at 0% 100%, #be1e2d 0 60%, #f2c12e 60.5%)`
- Gul trekant: `linear-gradient(135deg, #f2c12e 0 50%, #111111 50%)`
- Svart halvsirkel: `radial-gradient(circle at 50% 100%, #111111 0 45%, #21409a 45.5%)`
- Fire kvarter: `conic-gradient(from 0deg, #be1e2d 0 25%, #f2c12e 0 50%, #21409a 0 75%, #111111 0)`
- Røde striper: `repeating-linear-gradient(90deg, #be1e2d 0 24px, #f1ece1 24px 48px)`

Bauhaus-former laget bare med CSS og harde fargestopp. Hver er én gradient du kan kopiere.

Harde stopp, der én farge slutter akkurat der den neste begynner, er nøkkelen. De gjør en gradient om til en skarp form. [Former med gradienter](https://gradiently.design/nb/guide/gradient-shapes) viser flere av disse, og koden under setter fire sammen til én flis.

```css
.bauhaus-tile {
  aspect-ratio: 1 / 1;
  background-color: #f1ece1;
  background-image:
    radial-gradient(circle at 100% 100%, #be1e2d 70%, transparent 70.5%),
    linear-gradient(135deg, #f2c12e 50%, transparent 50%),
    radial-gradient(circle, #21409a 45%, transparent 45.5%),
    linear-gradient(#111111, #111111);
  background-size: 50% 50%;
  background-position: 0 0, 100% 0, 0 100%, 100% 100%;
  background-repeat: no-repeat;
}
```

En Bauhaus-flis i fire deler: en rød kvartsirkel, en gul trekant, en blå sirkel og et svart kvadrat, hver i sin kvadrant.

## Bauhaus-typografi

Bauhaus-designerne ville ha skrift som var tydelig, rasjonell og moderne. Herbert Bayer mente at store bokstaver var unødvendige og tegnet universal, et geometrisk alfabet helt uten versaler; mange av skolens egne trykksaker droppet store bokstaver en periode. Plakater satte sans serif-skrift i kraftige blokker, ofte rotert, med tykke linjer og felt som organiserte siden.

- **Geometriske sans serif-skrifter:** rund o, rette stammer, jevne streker. Futura, lansert i 1927, er ikke en Bauhaus-skrift, men deler ånden; Jost på Google Fonts er en gratis skrift i samme gate.
- **Overskrifter med små bokstaver:** et stille nikk til Bayers universal.
- **Rotert tekst:** tekst som løper opp langs siden av en plakat gir den asymmetriske, dynamiske følelsen.
- **Felt og linjer:** tykke svarte linjer som deler og styrer, i stedet for bokser.

## Slik bruker du Bauhaus-design i dag

Kopierer du formene og primærfargene nøyaktig, får du noe som ser ut som en museumsbutikk. Den varige verdien i Bauhaus ligger i prinsippene, og de fungerer med hvilken som helst palett.

1. **Start med funksjonen** Bestem hva designet må gjøre, som å kunngjøre en dato eller selge et produkt, og la det avgjøre layouten.
2. **Bygg på et rutenett, og bryt det én gang** Legg alt på et tydelig rutenett, og la så én form eller linje skjære på tvers. Den spenningen er svært Bauhaus. [Sveitsisk design](https://gradiently.design/nb/guide/swiss-design) utviklet rutenettet videre.
3. **Begrens fargene** Tre farger pluss svart og en papirbunn. Bytt ut primærfargene med profilfargene dine, så leses strukturen fortsatt som Bauhaus.
4. **Bruk former som struktur** En sirkel kan ramme inn et foto, et felt kan holde en overskrift, en trekant kan peke mot handlingsoppfordringen.
5. **Hold skriften enkel** Én geometrisk sans serif, to vekter, satt stort og venstrejustert.

Et stående arrangementsinnlegg med teksten formen følger funksjonen i små bokstaver, med en liten overlinje og en detaljlinje

En overskrift med små bokstaver, en liten overlinje og enkle detaljer: Bauhaus-tilbakeholdenhet i et moderne arrangementsinnlegg.

Et liggende omslag med teksten Form, farge, linje og et utgavenummer over

De samme prinsippene på et omslag i 1600×1200, med en levende bakgrunn i stedet for flate primærfarger.

Det andre eksempelet viser den moderne vrien. Bauhaus-layouten forblir streng, men bakgrunnen er en Mark fra Gradiently i stedet for flat rødt eller blått: fortsatt en begrenset palett, fortsatt strukturell, men med eget lys og korn, og når du har sikret deg den, er den bare din. Den stramme teksten ligger på det roligste området, så rutenettet holder seg skarpt.

Liker du Bauhaus, kan du sammenligne med den dekorative glamouren i [art deco-design](https://gradiently.design/nb/guide/art-deco-design), den rå ærligheten i [brutalistisk design](https://gradiently.design/nb/guide/brutalist-design) og det lekne 1980-tallsopprøret i [Memphis-design](https://gradiently.design/nb/guide/memphis-design).

## FAQ

### Hva er Bauhaus-design?

Stilen fra Bauhaus-skolen i Tyskland, fra 1919 til 1933: geometriske former, primærfarger, sans serif-skrift, asymmetriske layouter og vekt på funksjon.

### Hva er Bauhaus-fargene?

Rødt, gult og blått med svart og hvitt er fargene som oftest forbindes med stilen, delvis på grunn av Kandinskys spørreskjema om form og farge fra 1923.

### Hvilken skrift brukes i Bauhaus-design?

Geometriske sans serif-skrifter. Herbert Bayer tegnet en skrift med bare små bokstaver kalt universal i 1925; i dag gir Futura eller gratisskriften Jost en lignende følelse.

### Hvorfor ble Bauhaus stengt?

Skolen stengte i Berlin i 1933 under press fra naziregimet, som så på modernismen dens som politisk mistenkelig.

### Hvordan lager jeg en plakat i Bauhaus-stil?

Bruk et tydelig rutenett, noen få kraftige geometriske former, tre farger pluss svart på en papirbunn, og enkel sans serif-skrift satt venstrejustert eller rotert.