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

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

Rabiscos, confete, pintinhas de granilite, pastéis que brigam entre si e formas que parecem ter caído de uma caixa de brinquedos. O Memphis quebrou as regras do bom gosto de propósito, e seus padrões ainda chamam a atenção.

## 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 música Stuck Inside of Mobile with the Memphis Blues Again, de Bob Dylan, que tocava durante o primeiro encontro.
- O estilo Memphis combina cores vivas que brigam entre si, padrões em preto e branco, rabiscos, bolinhas e formas geométricas simples dispostas de modo propositalmente desequilibrado.
- O Memphis foi uma reação à contenção do modernismo e tratou a decoração e o humor como partes legítimas do design.
- Um design inspirado no Memphis funciona melhor hoje quando o padrão é a moldura e a mensagem fica numa área calma e legível.

O **design Memphis** é o estilo divertido e propositalmente conflitante do Memphis Group, um coletivo de designers formado em Milão no fim de 1980 em torno do arquiteto Ettore Sottsass. Pense em tons pastel vivos ao lado de cores primárias, rabiscos em preto e branco, bolinhas de confete, pintinhas de granilite e formas geométricas robustas empilhadas como se fosse uma criança. Era um protesto contra o modernismo de bom gosto, e seus padrões hoje estão em todo lugar, de embalagens a ilustrações de marcas.

## 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 tocar, e o nome pegou. O grupo mostrou sua primeira coleção de móveis, luminárias e objetos em Milão, em 1981, entre encantamento e indignação.

As peças Memphis usavam materiais baratos e alegres, como laminado plástico estampado em lugares antes reservados à madeira nobre, e misturavam referências que iam do kitsch dos subúrbios à arquitetura antiga. A estante divisória Carlton, de Sottsass, um totem de prateleiras de laminado colorido, virou o emblema do estilo. Sottsass saiu em 1985 e o grupo se desfez no fim da década, mas o visual já tinha se espalhado pela moda, pelos cenários de TV e pelo design gráfico.

| Ingrediente | Como aparece |
| --- | --- |
| Rabiscos | Linhas onduladas e grossas em preto, como uma mola desenhada à mão |
| Confete e pintinhas | Traços, pontos e partículas de granilite espalhados |
| Geometria ousada | Círculos, triângulos, meias-luas e cilindros |
| Textura em preto e branco | Grades, listras e garranchos sinuosos, como a estampa Bacterio de Sottsass |
| Cores que brigam | Rosa pastel ao lado de azul cobalto, verde-menta ao lado de vermelho |
| Empilhamento desequilibrado | Formas em ângulos estranhos, nada exatamente centralizado |

Os seis ingredientes do Memphis. Três deles juntos costumam bastar para o resultado parecer Memphis.

## Cores e paleta do design Memphis

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

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

Uma paleta Memphis. Use o off-white como base, o preto para padrões e texto e três ou quatro cores vivas para as formas.

- Hachura preta: `repeating-linear-gradient(45deg, #fdf6e3 0 14px, #1d1d1d 14px 18px)`
- Listra de doce: `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%)`
- Fatias 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 único degradê com paradas duras. Combine dois num mesmo design, nunca os seis.

## Como criar um padrão Memphis

Um padrão Memphis convincente sobrepõe três coisas: uma textura pequena que se repete, algumas formas grandes e chapadas 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 em CSS](https://gradiently.design/pt-br/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 azul-piscina no canto superior direito, um triângulo amarelo no canto, um círculo rosa embaixo à esquerda e uma grade de pontos pretos por baixo. Acrescente um rabisco em SVG por cima para finalizar.

1. **Aplique uma textura discreta** Pontos, hachuras ou partículas de granilite em preto sobre off-white, pequenos e uniformes.
2. **Solte duas ou três formas grandes** Um círculo, um triângulo e uma meia-lua em cores vivas diferentes, em parte para fora da borda do quadro.
3. **Acrescente um rabisco** Uma linha ondulada e grossa em preto cruzando uma das formas. É o detalhe que diz Memphis.
4. **Deixe um campo livre para as palavras** Mantenha o centro ou um dos lados calmo. O padrão emoldura a mensagem; nunca corre por trás dela.

## Tipografia e letras no estilo Memphis

Os gráficos Memphis raramente usavam letras delicadas. O lettering era robusto, geométrico ou levemente estranho, e muitas vezes aparecia inclinado ou dentro de uma forma. Escolha uma fonte de título pesada ou arredondada, use-a em tamanho grande e deixe o padrão cuidar da decoração.

- **Sem serifa geométricas e pesadas** para títulos, em caixa-alta ou em minúsculas em negrito.
- **Fontes arredondadas** para um clima mais suave, de brinquedo, em marcas infantis e de alimentos.
- **Texto inclinado alguns graus**, ou colocado sobre uma forma colorida, para o visual desequilibrado.
- **Preto ou azul cobalto escuro para o texto**, nunca pastel sobre pastel.

## Usando o design Memphis hoje

O Memphis voltou nos anos 2010 em embalagens, ilustrações de tecnologia e estampas de moda, e ainda combina com marcas que querem parecer divertidas, jovens e sem pretensão: marcas de snacks e bebidas, lojas de brinquedos, eventos infantis, estúdios criativos, apps lúdicos. Combina bem menos com bancos, clínicas e escritórios de advocacia, porque os clientes deles buscam segurança, não piada.

Convite quadrado de festa com o texto Festa aqui em casa sobre um fundo colorido e divertido

Um convite de aniversário: o fundo divertido preenche o quadro e as palavras ficam na região mais calma.

Story vertical de lançamento de um novo sabor de manga com pimenta sobre um fundo vivo

Um story de lançamento de produto. Vivo, atrevido e legível da parte de cima da área segura até embaixo.

### Evite

- Padrão passando bem atrás do título
- Todas as cores vivas em todos os designs
- Letras finas que somem no meio das formas
- Memphis numa marca que vende calma ou confiança

### Faça

- Um campo calmo reservado às palavras
- Três ou quatro cores vivas por design
- Letras robustas, arredondadas ou pesadas
- Memphis onde a diversão é a promessa

A legibilidade é a parte difícil de qualquer estilo com padrões. Na Gradiently, um Mark leva a sua região mais calma para trás das palavras, suaviza o detalhe agitado perto delas e escolhe tinta clara ou escura para cada linha, o que resolve exatamente o problema que um layout Memphis cria. Para mais dessa energia, veja [design gráfico ousado](https://gradiently.design/pt-br/guide/bold-design-ideas), [branding divertido](https://gradiently.design/pt-br/guide/playful-design) e a década neon ao redor, em [estética dos anos 80](https://gradiently.design/pt-br/guide/80s-aesthetic). Para o modernismo contra o qual o Memphis se rebelava, leia [design Bauhaus](https://gradiently.design/pt-br/guide/bauhaus-design).

## FAQ

### O que é o design Memphis?

Um estilo divertido do Memphis Group, coletivo de Milão liderado por Ettore Sottsass nos anos 1980, conhecido por cores que brigam entre si, rabiscos, bolinhas e formas geométricas ousadas.

### Por que se chama Memphis?

Conta-se que Stuck Inside of Mobile with the Memphis Blues Again, de Bob Dylan, tocava sem parar no primeiro encontro do grupo, em dezembro de 1980.

### Quais cores são usadas no design Memphis?

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

### Quem criou para o Memphis Group?

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

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

Sobreponha uma textura preta pequena, como pontos ou hachuras, acrescente duas ou três formas grandes e vivas, depois um rabisco preto grosso, e deixe uma área calma para o texto.