Design Atlas
한국어
❖ Design styles

Memphis design

멤피스 디자인

Zigzags, squiggles and confetti shapes in clashing primaries, deliberately colliding — a 1980s postmodern movement out of Italy.

Also known as: Memphis Group stylePostmodern squiggle
···
html
<div class="canvas" id="canvas">
  <div class="sq"></div><div class="zig"></div><div class="dot"></div>
  <div class="ring"></div><div class="tri"></div>
</div>
css
body{background:#f6e9d8}
.canvas{position:relative;width:min(84%,300px);aspect-ratio:1.3}
.canvas>*{position:absolute;transition:transform 1.6s ease-in-out}
.sq{left:6%;top:14%;width:20%;aspect-ratio:1;background:#ff5b3d}
.zig{right:10%;top:10%;width:30%;height:16%;
  background:repeating-linear-gradient(115deg,#111 0 6px,transparent 6px 14px)}
.dot{left:40%;top:60%;width:16%;aspect-ratio:1;border-radius:50%;background:#2f7de1}
.ring{right:16%;bottom:12%;width:22%;aspect-ratio:1;border-radius:50%;border:8px solid #f4c515;background:none}
.tri{left:10%;bottom:8%;width:0;height:0;border-left:11% solid transparent;border-right:11% solid transparent;
  border-bottom:20% solid #1fb27a}
.canvas.shift .sq{transform:rotate(18deg) translate(6%,4%)}
.canvas.shift .zig{transform:translate(-8%,10%)}
.canvas.shift .dot{transform:translate(10%,-14%) scale(1.15)}
.canvas.shift .ring{transform:rotate(-20deg)}
.canvas.shift .tri{transform:translate(8%,-6%) rotate(-10deg)}
js
const c = document.getElementById('canvas');
setInterval(() => c.classList.toggle('shift'), 1500);

It began in Milan in 1981 with the Memphis Group, led by Ettore Sottsass — reportedly named at a party where Bob Dylan's "Stuck Inside of Mobile with the Memphis Blues Again" kept playing on repeat. It was a deliberate revolt against Bauhaus and Swiss style's restrained "form follows function," closer to "form follows fun."

Visually it means free-floating zigzags, squiggles and confetti shapes, saturated primaries clashing against pastels, and black-and-white grid patterns (one of its signatures). The point isn't harmony but deliberate mismatch.

Dismissed as dated for a while, it resurfaced from the late 2010s in Gen-Z-facing branding and app illustration. Today it mostly appears scoped down — a background pattern, a decorative illustration element — rather than covering a whole layout.