# Corporate Memphis — 디자인 스타일 가이드

## 기본 정보
- **ID**: corporate-memphis
- **카테고리**: design-style
- **연도**: 2017

## 설명
플랫한 색상과 단순화된 인체 비율을 특징으로 하는 현대적 일러스트 스타일입니다.

## 역사·배경
2010년대 후반 실리콘밸리 스타트업을 중심으로 폭발적 확산. Alegra 일러스트레이터에 의해 양식화됨. 지금은 '과포화'로 비판받기도 함.

## 핵심 원칙
- 포용성과 다양성
- 단순함과 명확성
- 친근함

## 주요 특징
- 과장된 신체 비율
- 단순화된 얼굴 표현
- 밝고 포화도 높은 색상
- 기하학적 형태
- 친근하고 접근하기 쉬운 느낌

## 사용 사례
- 온보딩 화면
- 에러 페이지
- 빈 상태(Empty State) UI
- 마케팅 일러스트

## 추천 프로젝트 유형
- SaaS 온보딩
- 에러·빈 상태 페이지
- 마케팅 일러스트
- 다양성 표현

## 장점
- 다양성과 포용성 표현 용이
- 친근하고 접근하기 쉬운 느낌
- 빠른 제작이 가능 (템플릿 풍부)

## 단점·한계
- 남발로 인해 '평범함'의 상징이 됨
- 개성이 없어 보일 수 있음
- 세련된 브랜드 이미지와 충돌

## 실제 사용 제품·서비스
- Slack 온보딩
- Mailchimp
- Asana
- 많은 SaaS 에러 페이지

## 접근성
밝은 색상과 명확한 외곽선으로 기본 가독성 양호. 복잡한 정보 전달엔 텍스트 병행 필요.

## 관련 스타일
- [flat-design](https://ui.buildersgate.com/styles/flat-design)
- [minimalism](https://ui.buildersgate.com/styles/minimalism)
- [glassmorphism](https://ui.buildersgate.com/styles/glassmorphism)

## 디자인 토큰

### 색상
- primary: #5B4DFF
- secondary: #FF6B6B
- accent: #FFD93D
- background: #FFFEF9
- surface: #F8F7FF
- text: #2D3748
- textSecondary: #718096
- border: #E2E8F0

### 헤더
- background: linear-gradient(135deg, #5B4DFF 0%, #FF6B6B 100%)
- textColor: #FFFFFF
- accentColor: #FFD93D

### 타이포그래피
- fontFamily: Poppins, 'Noto Sans KR', sans-serif
- headingWeight: 600
- bodyWeight: 400
- letterSpacing: 0.01em

### 스페이싱
- unit: 8px
- scale: 1.2

### 그림자 (Shadows)
- sm: 0 2px 8px rgba(91, 77, 255, 0.1)
- md: 0 4px 16px rgba(91, 77, 255, 0.15)
- lg: 0 8px 32px rgba(91, 77, 255, 0.2)
- xl: 0 16px 48px rgba(91, 77, 255, 0.25)

### Border Radius
- none: 0
- sm: 12px
- md: 20px
- lg: 32px
- full: 9999px

### 테두리 (Borders)
- width: 2px
- style: solid
- color: #E2E8F0

### 이펙트
- blur: 0px
- opacity: 1
- transition: all 0.3s ease-out

### 애니메이션
- duration: 300ms
- easing: ease-out

### 컴포넌트 토큰
- 버튼: shape=pill / hoverEffect=bounce / textTransform=none
- 카드: style=elevated / hoverEffect=bounce
- 인풋: style=filled / focusEffect=ring
- 배지: shape=pill / style=solid
- 아이콘: package=phosphor / strokeWidth=2 / defaultSize=24

### 레이아웃
- containerStyle: boxed
- sectionSpacing: spacious

### 특수 효과
- glassmorphism: false
- gradientText: true
- animatedBackground: false
- scanlines: false
- noise: false

## API 엔드포인트
- 스타일 상세: https://ui.buildersgate.com/api/styles?id=corporate-memphis
- 디자인 토큰: https://ui.buildersgate.com/api/themes?id=corporate-memphis&merged=true

Corporate Memphis

플랫한 색상과 단순화된 인체 비율을 특징으로 하는 현대적 일러스트 스타일입니다.

연도

2017

2010년대 후반 실리콘밸리 스타트업을 중심으로 폭발적 확산. Alegra 일러스트레이터에 의해 양식화됨. 지금은 '과포화'로 비판받기도 함.

#5B4DFF

핵심 원칙

1

포용성과 다양성

2

단순함과 명확성

3

친근함

주요 특징

  • 과장된 신체 비율
  • 단순화된 얼굴 표현
  • 밝고 포화도 높은 색상
  • 기하학적 형태
  • 친근하고 접근하기 쉬운 느낌

장단점

장점

  • +다양성과 포용성 표현 용이
  • +친근하고 접근하기 쉬운 느낌
  • +빠른 제작이 가능 (템플릿 풍부)

단점 / 한계

  • 남발로 인해 '평범함'의 상징이 됨
  • 개성이 없어 보일 수 있음
  • 세련된 브랜드 이미지와 충돌

적합한 사용처

사용 사례

  • 온보딩 화면
  • 에러 페이지
  • 빈 상태(Empty State) UI
  • 마케팅 일러스트

이런 프로젝트에 추천

SaaS 온보딩에러·빈 상태 페이지마케팅 일러스트다양성 표현
접근성

밝은 색상과 명확한 외곽선으로 기본 가독성 양호. 복잡한 정보 전달엔 텍스트 병행 필요.

실제 사용 예시

Slack 온보딩MailchimpAsana많은 SaaS 에러 페이지

UI 컴포넌트 예제

이 디자인 스타일의 특징을 반영한 실제 UI 컴포넌트들입니다.

Simplified Characters

단순화된 얼굴과 과장된 신체 비율의 친근한 캐릭터

Person A
Person B
Person C

Vibrant Cards

밝고 포화도 높은 색상을 사용한 친근한 카드

🎨

Creative

Express your creativity with bold designs

💡

Innovative

Bring new ideas to life

Inspiring

Inspire others with your work

Geometric Elements

기하학적 형태를 활용한 장식 요소

Circle
Square
Triangle
Mixed

Illustration Scene

단순화된 요소들을 조합한 친근한 장면

Friendly Buttons

둥근 모서리와 밝은 색상의 버튼

Feature Cards

아이콘과 함께 사용하는 정보 카드

👥

Inclusive

Designed for everyone, celebrating diversity and accessibility

🎯

Clear

Simple and straightforward communication that works

🤝

Friendly

Approachable design that welcomes everyone

Modern

Contemporary aesthetics for today's digital world

관련 스타일 탐색