# Design Memphis: padrões divertidos e como usá-los hoje

[Canonical HTML page](https://gradiently.design/pt-pt/guide/memphis-design)

Rabiscos, confetis, salpicos de terrazzo, pastéis em choque e formas que parecem ter caído de uma caixa de brinquedos. O Memphis quebrou de propósito as regras do bom gosto, e os seus padrões ainda fazem virar cabeças em embalagens e arte de marca.

## The short version

- O design Memphis vem do Memphis Group, um coletivo de designers e arquitetos formado em Milão no fim de 1980 em torno de Ettore Sottsass.
- Diz-se que o grupo tirou o nome da canção de Bob Dylan Stuck Inside of Mobile with the Memphis Blues Again, que tocava na primeira reunião.
- O estilo Memphis combina cores vivas e em choque, padrões a preto e branco, rabiscos, pontos e formas geométricas simples dispostas de forma deliberadamente desequilibrada.
- O Memphis foi uma reação à contenção do modernismo, tratando a decoração e o humor como partes legítimas do design.
- O design de inspiração Memphis funciona melhor hoje quando o padrão é a moldura e a mensagem fica numa zona calma e legível.

O **design Memphis** é o estilo brincalhão e deliberadamente em choque do Memphis Group, um coletivo de designers formado em Milão no fim de 1980 em torno do arquiteto Ettore Sottsass. Pensa em pastéis vivos ao lado de primárias, rabiscos a preto e branco, pontos de confeti, salpicos de terrazzo e formas geométricas robustas empilhadas como por uma criança. Foi um protesto contra o modernismo de bom gosto, e os seus padrões estão agora em todo o lado, de embalagens a ilustrações de marca.

## Uma breve história do Memphis Group

Em dezembro de 1980, Sottsass reuniu designers mais jovens, entre eles Michele De Lucchi, Nathalie Du Pasquier, George Sowden, Martine Bedin e Matteo Thun, no seu apartamento em Milão. Um disco de Bob Dylan, *Stuck Inside of Mobile with the Memphis Blues Again*, não parava de repetir, e o nome pegou. O grupo mostrou a sua primeira coleção de mobiliário, candeeiros e objetos em Milão em 1981, entre o deleite e a indignação.

As peças Memphis usavam materiais baratos e alegres, como o laminado de plástico impresso em lugares reservados à madeira nobre, e misturavam referências do kitsch suburbano à arquitetura antiga. O divisor de espaços Carlton de Sottsass, um totem de prateleiras de laminado colorido, tornou-se o emblema do estilo. Sottsass saiu em 1985 e o grupo foi-se extinguindo mais tarde na década, mas o seu visual já se tinha espalhado pela moda, pelos aparelhos de televisão e pelo design gráfico.

| Ingrediente | O aspeto |
| --- | --- |
| Rabiscos | Linhas onduladas pretas e grossas, como uma mola desenhada à mão |
| Confeti e salpicos | Traços, pontos e salpicos de terrazzo espalhados |
| Geometria ousada | Círculos, triângulos, meias-luas e cilindros |
| Textura a preto e branco | Grelhas, riscas e rabiscos ondulantes como o estampado Bacterio de Sottsass |
| Cor em choque | Rosa pastel ao lado de cobalto, menta ao lado de vermelho |
| Empilhamento desequilibrado | Formas colocadas em ângulos estranhos, nada bem centrado |

Os seis ingredientes do Memphis. Três deles juntos costumam bastar para se ler como Memphis.

## Cores e paleta do design Memphis

A cor Memphis é uma questão de atrito: pastéis doces postos contra primárias duras e muito preto e branco. Nada é apagado, e nada deve combinar com educação.

- Chiclete: #ff5fa2
- Banana: #ffd23f
- Verde-piscina: #29c5c5
- Cobalto: #3a4fd8
- Tangerina: #ff6b35
- Menta: #b8f2c9
- Preto rabisco: #1d1d1d
- Branco laminado: #fdf6e3

Uma paleta Memphis. Usa o branco sujo como fundo, o preto para padrão e texto e três ou quatro cores vivas para as formas.

- Tracejado preto: `repeating-linear-gradient(45deg, #fdf6e3 0 14px, #1d1d1d 14px 18px)`
- Riscas de rebuçado: `repeating-linear-gradient(90deg, #ff5fa2 0 30px, #ffd23f 30px 60px)`
- Anéis de piscina: `repeating-radial-gradient(circle at 0% 100%, #29c5c5 0 20px, #fdf6e3 20px 34px)`
- Sol sobre cobalto: `radial-gradient(circle at 70% 35%, #ff6b35 0 22%, #3a4fd8 22.5%)`
- Menta e chiclete divididos: `linear-gradient(160deg, #b8f2c9 0 55%, #ff5fa2 55%)`
- Cunhas da caixa de brinquedos: `conic-gradient(from 45deg at 30% 60%, #ffd23f 0 25%, #1d1d1d 0 30%, #29c5c5 0 60%, #ff5fa2 0)`

Seis fundos Memphis, cada um um só gradiente com paragens duras. Combina dois num design, nunca os seis.

## Como fazer um padrão Memphis

Um padrão Memphis convincente sobrepõe três coisas: uma pequena textura repetida, algumas formas planas grandes e um elemento desenhado à mão, como um rabisco. A textura e as formas podem ser CSS puro, o que as mantém nítidas em qualquer tamanho. Há mais técnicas de padrões em [padrões CSS](https://gradiently.design/pt-pt/guide/css-patterns).

```css
.memphis {
  background-color: #fdf6e3;
  background-image:
    radial-gradient(circle at 100% 0%, #29c5c5 0 22%, transparent 22.5%),
    linear-gradient(135deg, transparent 0 80%, #ffd23f 80%),
    radial-gradient(circle at 0% 100%, #ff5fa2 0 18%, transparent 18.5%),
    radial-gradient(circle, #1d1d1d 2px, transparent 2.5px);
  background-size: auto, auto, auto, 22px 22px;
}
```

Um círculo verde-azulado em cima à direita, um triângulo amarelo no canto, um círculo rosa em baixo à esquerda e uma grelha de pontos pretos por baixo. Acrescenta um rabisco em SVG por cima para terminar.

1. **Assenta uma textura discreta** Pontos, tracejado ou salpicos de terrazzo a preto sobre branco sujo, pequenos e uniformes.
2. **Larga duas ou três formas grandes** Um círculo, um triângulo e uma meia-lua em cores vivas diferentes, parcialmente fora da margem do formato.
3. **Acrescenta um rabisco** Uma linha ondulada preta e grossa a atravessar uma das formas. É o pormenor que diz Memphis.
4. **Deixa um campo livre para as palavras** Mantém o centro ou um dos lados calmo. O padrão emoldura a mensagem; nunca passa por trás dela.

## Tipografia e letras Memphis

Os gráficos Memphis raramente usavam letra delicada. As letras eram robustas, geométricas ou ligeiramente estranhas e ficavam muitas vezes inclinadas ou dentro de uma forma. Escolhe um tipo de letra de display pesado ou arredondado, põe-no grande e deixa o padrão fazer a decoração.

- **Sem serifa geométricas e pesadas** para títulos, em maiúsculas ou minúsculas a negrito.
- **Letras arredondadas** para uma sensação mais suave, de brinquedo, em marcas infantis e de comida.
- **Texto inclinado alguns graus**, ou sobre uma forma colorida, para o aspeto desequilibrado.
- **Preto ou cobalto escuro para o texto**, nunca um pastel sobre um pastel.

## Usar o design Memphis hoje

O Memphis regressou nos anos 2010 através de embalagens, ilustrações de tecnologia e estampados de moda, e continua a servir marcas que querem parecer divertidas, jovens e sem pretensões: marcas de snacks e bebidas, lojas de brinquedos, eventos infantis, estúdios criativos, aplicações brincalhonas. Serve muito menos bancos, clínicas e escritórios de advogados, porque os seus clientes procuram segurança, não uma piada.

Anúncio quadrado de festa com o texto Festa cá em casa sobre um fundo colorido e brincalhão

Um anúncio de aniversário: o fundo brincalhão enche o formato e as palavras ficam na sua zona mais calma.

Story vertical de lançamento de produto para um novo sabor de manga e piri-piri sobre um fundo vivo

Um story de lançamento de produto. Vivo, atrevido e ainda legível do topo da zona segura para baixo.

### Evitar

- Padrão a passar mesmo por trás do título
- Todas as cores vivas em todos os designs
- Letra fina que desaparece entre as formas
- Memphis numa marca que vende calma ou confiança

### Fazer

- Um campo calmo reservado às palavras
- Três ou quatro cores vivas por design
- Letra robusta, arredondada ou pesada
- Memphis onde a diversão é a promessa

A legibilidade é a parte difícil de qualquer estilo com padrões. No Gradiently, um Mark leva a sua zona mais calma para trás das palavras, suaviza o pormenor carregado junto a elas e escolhe tinta clara ou escura linha a linha, o que resolve exatamente o problema que um layout Memphis cria. Para mais desta energia, vê [design gráfico arrojado](https://gradiently.design/pt-pt/guide/bold-design-ideas), [branding divertido](https://gradiently.design/pt-pt/guide/playful-design) e a década néon que o rodeia em [estética anos 80](https://gradiently.design/pt-pt/guide/80s-aesthetic). Para o modernismo contra o qual o Memphis se rebelou, lê [design Bauhaus](https://gradiently.design/pt-pt/guide/bauhaus-design).

## FAQ

### O que é o design Memphis?

Um estilo brincalhão do Memphis Group, um coletivo de Milão liderado por Ettore Sottsass nos anos 80, conhecido pelas cores em choque, rabiscos, pontos e formas geométricas ousadas.

### Porque se chama Memphis?

Conta-se que Stuck Inside of Mobile with the Memphis Blues Again, de Bob Dylan, tocava em repetição na primeira reunião do grupo, em dezembro de 1980.

### Que cores se usam no design Memphis?

Pastéis vivos como o rosa chiclete e a menta, primárias como o cobalto e o amarelo e muito padrão a preto e branco.

### Quem desenhou para o Memphis Group?

Ettore Sottsass liderou-o, com designers como Michele De Lucchi, Nathalie Du Pasquier, George Sowden, Martine Bedin e Matteo Thun.

### Como faço um padrão Memphis?

Sobrepõe uma pequena textura preta, como pontos ou tracejado, acrescenta duas ou três formas grandes e vivas, depois um rabisco preto e grosso, e deixa uma zona calma para o texto.