# Memphis Style

> 1980년대 포스트모던 디자인 운동에서 영감을 받은 대담하고 화려한 스타일입니다.

- 층: 스타일 (디자인 스타일)
- ID: memphis-style
- 연도: 1981
- 무드 태그: 화려한, 친근·발랄, 레트로
- 출처: 빌더스게이트 디자인 피팅룸 — https://ui.buildersgate.com/styles/memphis-style

## 정의

1980년대 포스트모던 디자인 운동에서 영감을 받은 대담하고 화려한 스타일입니다.

## 역사·배경

1981년 Ettore Sottsass를 중심으로 이탈리아 밀라노에서 시작된 포스트모던 디자인 운동 'Memphis Group'에서 유래.

## 주요 특징

- 기하학적 패턴
- 밝고 대비되는 색상
- 대담한 형태
- 플레이풀한 요소
- 비대칭 구성

## 핵심 원칙

- 창의성
- 재미
- 실험성

## 컬러 시스템

충돌하는 원색과 파스텔의 공존. 색이 많을수록 좋은 유일한 스타일

### 색상 역할

- primary-block: 가장 강렬한 색 — 주요 배경·도형
- secondary-block: primary와 충돌하는 보색 계열
- pattern-color: 도트·선·삼각형 패턴 색 — 여러 색 동시 사용
- text: 검정 또는 흰색 — 배경 대비에 따라

### 색상 제약

- 단색 사용 금지 — 최소 4~5종 색상 사용
- 파스텔+원색 혼합 권장 — 충돌이 미학
- 검정 선(outline)은 모든 도형에 적용

### 다크모드 전략

Memphis는 어두운 배경도 가능 — 검정 위에 원색 도형 조합

### 대비 요구사항

패턴+텍스트 조합은 가독성 위험 — 텍스트 영역은 단색 배경으로 분리

## 타이포그래피

- 폰트 성격: 1980년대 스타일 디스플레이 폰트 또는 기하학적 산세리프. 과감한 크기와 색상 조합
- 권장 폰트 수: 최대 2개
- 타입 스케일: 1.5 이상 (Perfect Fifth) — 크기 대비 극단적으로

### 타이포그래피 제약

- 폰트 자체가 화려해도 됨 — 장식적 디스플레이 폰트 허용
- 텍스트도 패턴의 일부로 취급 — 색상 있는 텍스트 OK

## 설계 제약

### 하면 안 되는 것

- 단색 배경 금지 — 반드시 패턴 또는 멀티 컬러 영역
- 흰색만의 미니멀 공간 금지 — 모든 공간이 채워져야 함
- 음영·그림자 사용 금지 — 모든 도형은 2D 평면

### 반드시 포함할 것

- 기하학 도형 패턴 (도트, 삼각형, 지그재그)
- 검정 아웃라인
- 여러 색상의 도형이 레이어링

### 모션 가이드

있다면 도형들이 독립적으로 회전·이동. 각 도형 제각각 다른 속도. 카오틱한 느낌 의도.

## 무드 프로파일

4축 각각 −2 ~ +2 정수. 취향 테스트(/fit)와 비교 페이지가 같은 좌표를 쓴다.

- 밀도: +2 (여백 −2 ↔ +2 빽빽)
- 온도감: 0 (차가움 −2 ↔ +2 따뜻함)
- 시대감: -1 (레트로 −2 ↔ +2 미래적)
- 격식: -2 (자유분방 −2 ↔ +2 격식)

## 사용 사례

- 이벤트·파티 홍보물
- 소셜 미디어 그래픽
- 장난감·어린이 브랜드
- 패션 브랜드 캠페인

## 추천 프로젝트 유형

- 이벤트 브랜딩
- 소셜 콘텐츠
- 아동·청소년 제품
- 패션 캠페인

## 장단점

### 장점

- 에너지 넘치고 눈에 띄는 시각 효과
- 복고 감성으로 노스탤지어 자극
- 창의적 자유도가 높음

### 단점·한계

- 정보 전달이 주목적인 사이트엔 부적합
- 과도하게 사용 시 눈에 피로
- 진지한 브랜드 이미지와 충돌

## 실제 사용 제품·서비스

- Memphis Milano 가구 브랜드
- 80년대 MTV 그래픽
- 현대 리바이스 캠페인

## 접근성

밝고 복잡한 배경 위 텍스트 가독성 주의. 색상 대비 충분히 확보 필요.

## 자주 묻는 질문

### Q1. Memphis Style이란 무엇인가요?

1980년대 포스트모던 디자인 운동에서 영감을 받은 대담하고 화려한 스타일입니다. 1981년 Ettore Sottsass를 중심으로 이탈리아 밀라노에서 시작된 포스트모던 디자인 운동 'Memphis Group'에서 유래.

### Q2. Memphis Style의 핵심 디자인 원칙은 무엇인가요?

Memphis Style의 핵심 원칙은 창의성, 재미, 실험성입니다.

### Q3. Memphis Style은 어떤 프로젝트에 적합한가요?

Memphis Style은 이벤트·파티 홍보물, 소셜 미디어 그래픽, 장난감·어린이 브랜드, 패션 브랜드 캠페인, 이벤트 브랜딩, 소셜 콘텐츠, 아동·청소년 제품, 패션 캠페인 등의 프로젝트에 적합합니다.

### Q4. Memphis Style의 장단점은 무엇인가요?

장점으로는 에너지 넘치고 눈에 띄는 시각 효과, 복고 감성으로 노스탤지어 자극, 창의적 자유도가 높음이 있습니다. 단점으로는 정보 전달이 주목적인 사이트엔 부적합, 과도하게 사용 시 눈에 피로, 진지한 브랜드 이미지와 충돌이 있습니다.

### Q5. Memphis Style에서 색상은 어떻게 사용하나요?

충돌하는 원색과 파스텔의 공존. 색이 많을수록 좋은 유일한 스타일 색상 역할은 primary-block: 가장 강렬한 색 — 주요 배경·도형, secondary-block: primary와 충돌하는 보색 계열, pattern-color: 도트·선·삼각형 패턴 색 — 여러 색 동시 사용입니다. 주의사항: 단색 사용 금지 — 최소 4~5종 색상 사용, 파스텔+원색 혼합 권장 — 충돌이 미학.

### Q6. Memphis Style에 어울리는 폰트 스타일은 무엇인가요?

Memphis Style에는 1980년대 스타일 디스플레이 폰트 또는 기하학적 산세리프. 과감한 크기와 색상 조합 폰트가 적합합니다. 최대 2개 폰트 패밀리 사용을 권장합니다. 제약 사항: 폰트 자체가 화려해도 됨 — 장식적 디스플레이 폰트 허용, 텍스트도 패턴의 일부로 취급 — 색상 있는 텍스트 OK.

### Q7. Memphis Style 디자인에서 하면 안 되는 것은 무엇인가요?

Memphis Style에서 피해야 할 것: 단색 배경 금지 — 반드시 패턴 또는 멀티 컬러 영역, 흰색만의 미니멀 공간 금지 — 모든 공간이 채워져야 함, 음영·그림자 사용 금지 — 모든 도형은 2D 평면.

### Q8. Memphis Style을 사용하는 실제 서비스나 제품은 무엇이 있나요?

Memphis Style을 적용한 대표적인 제품·서비스로는 Memphis Milano 가구 브랜드, 80년대 MTV 그래픽, 현대 리바이스 캠페인 등이 있습니다.

## 참고 디자인 토큰

> 아래 토큰은 이 스타일의 참고 구현 예시다. 프로젝트의 브랜드 컬러·폰트에 맞게 조정하되, 위 컬러 시스템·타이포그래피·설계 제약은 지킨다.

### 색상

- primary: #FF6B6B
- secondary: #4ECDC4
- accent: #FFE66D
- background: #F7F7F7
- surface: #FFFFFF
- text: #2D3436
- textSecondary: #636E72
- border: #000000

### 타이포그래피

- fontFamily: 'Comic Sans MS', 'Marker Felt', 'Noto Sans KR', sans-serif
- headingWeight: 900
- bodyWeight: 600
- letterSpacing: 0.05em
- titleFont: Comic Sans MS, Marker Felt, cursive

### 간격·반경·그림자·테두리

- spacing: unit 12px × scale 1.3
- borderRadius: sm 20px / md 30px / lg 50px / full 9999px
- shadow sm: 4px 4px 0 #000000
- shadow md: 8px 8px 0 #000000
- shadow lg: 12px 12px 0 #000000
- border: 4px solid #000000

### 컴포넌트 형태

- button: pill / hover bounce / text none
- card: brutal / hover bounce
- input: brutal / focus border
- badge: pill / solid
- icon: phosphor / stroke 2.5 / size 28px
- layout: fluid / section spacious
- animation: 100ms linear
- specialEffects: animatedBackground

## 관련 링크

### 관련 스타일

- [Maximalism](https://ui.buildersgate.com/styles/maximalism)
- [Retro & Vintage](https://ui.buildersgate.com/styles/retro-vintage)
- [Corporate Memphis](https://ui.buildersgate.com/styles/corporate-memphis)
- [Abstract & Geometric](https://ui.buildersgate.com/styles/abstract-geometric)

### 데모 (같은 화면, 이 스타일로)

- [브랜드 랜딩 데모](https://ui.buildersgate.com/demo/brand/memphis-style)
- [SaaS 대시보드 데모](https://ui.buildersgate.com/demo/saas/memphis-style)
- [커머스 데모](https://ui.buildersgate.com/demo/commerce/memphis-style)

### 비교

- [Memphis Style vs Abstract & Geometric](https://ui.buildersgate.com/compare/abstract-geometric-vs-memphis-style)
- [Memphis Style vs Corporate Memphis](https://ui.buildersgate.com/compare/corporate-memphis-vs-memphis-style)
- [Memphis Style vs Maximalism](https://ui.buildersgate.com/compare/maximalism-vs-memphis-style)
- [Memphis Style vs Retro & Vintage](https://ui.buildersgate.com/compare/memphis-style-vs-retro-vintage)

### 쓰임새별 추천

- [브랜드 사이트](https://ui.buildersgate.com/for/brand-site)

---

HTML 버전: https://ui.buildersgate.com/styles/memphis-style

이 문서는 https://ui.buildersgate.com/styles/memphis-style.md 로 제공됩니다. 전체 목록은 https://ui.buildersgate.com/llms.txt 를 참고하세요.