# Maximalism

> 풍부한 색상, 패턴, 장식으로 시각적으로 압도적인 경험을 제공합니다.

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

## 정의

풍부한 색상, 패턴, 장식으로 시각적으로 압도적인 경험을 제공합니다.

## 주요 특징

- 대담한 색상 조합
- 복잡한 패턴
- 다층 레이어
- 풍부한 장식
- 강렬한 시각적 자극

## 핵심 원칙

- 풍부함
- 표현력
- 개성

## 컬러 시스템

많을수록 좋다 — 5색 이상 혼합, 그라데이션과 패턴이 공존하는 과잉의 미학

### 색상 역할

- dominant: 가장 큰 면적 차지하는 주색 — 강렬한 채도
- secondary: dominant와 충돌하거나 보색
- accent-1/2/3: 추가 강조색 다수 허용
- text: 배경 어디서든 읽힐 수 있는 색 (흰색 또는 검정)

### 색상 제약

- 단색·모노크롬 사용 금지
- 색상 수 4종 미만 사용 금지 — 다채로울수록 좋음
- 채도 낮은 파스텔만 사용 금지 — vivid와 파스텔 혼합 권장

### 다크모드 전략

어두운 배경 위 vivid color 레이어링. 배경만 어둡게, 색상 강도는 유지

### 대비 요구사항

텍스트 영역은 반드시 단색 배경 위에 배치해 4.5:1 확보

## 타이포그래피

- 폰트 성격: 크고 대담한 디스플레이 폰트. 여러 폰트 혼합도 허용 — 충돌이 미학
- 권장 폰트 수: 최대 3개
- 타입 스케일: 1.618 (Golden Ratio) 이상 — 극단적 계층 대비

### 타이포그래피 제약

- 작고 얌전한 폰트 금지 — 최소 하나는 강렬한 디스플레이 폰트
- 폰트 크기 대비 극단적으로 — 거대한 heading + 작은 body
- bold weight 적극 활용

## 설계 제약

### 하면 안 되는 것

- 미니멀한 여백 금지 — 모든 공간을 채워야 함
- 단색 단조로운 배경 금지
- 요소 수 최소화 금지 — 많을수록 좋음

### 반드시 포함할 것

- 레이어링 — 요소들이 서로 겹침
- 패턴+색상+타이포 모두 강렬하게
- 시각적 밀도 최대화

### 모션 가이드

여러 요소가 동시에 다른 방향으로 움직여도 됨. 복잡하고 화려한 모션 허용. 절제는 금물.

## 무드 프로파일

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

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

## 사용 사례

- 럭셔리·패션 브랜드
- 음악·엔터테인먼트
- 아트 포트폴리오
- 이벤트·파티 사이트

## 추천 프로젝트 유형

- 럭셔리·패션 브랜드
- 음악·엔터테인먼트
- 아트 포트폴리오
- 이벤트 브랜딩

## 장단점

### 장점

- 강렬한 인상과 브랜드 기억률 향상
- 개성과 창의성 극대화 표현
- 시각적 풍요로움이 콘텐츠 자체가 됨

### 단점·한계

- 정보 전달력 저하
- 로딩 속도 영향
- 일반 사용자에게 피로감 유발
- 접근성 확보 어려움

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

- Gucci 웹사이트
- Versace
- 일부 음악 앨범 사이트

## 자주 묻는 질문

### Q1. Maximalism이란 무엇인가요?

풍부한 색상, 패턴, 장식으로 시각적으로 압도적인 경험을 제공합니다.

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

Maximalism의 핵심 원칙은 풍부함, 표현력, 개성입니다.

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

Maximalism은 럭셔리·패션 브랜드, 음악·엔터테인먼트, 아트 포트폴리오, 이벤트·파티 사이트, 럭셔리·패션 브랜드, 음악·엔터테인먼트, 아트 포트폴리오, 이벤트 브랜딩 등의 프로젝트에 적합합니다.

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

장점으로는 강렬한 인상과 브랜드 기억률 향상, 개성과 창의성 극대화 표현, 시각적 풍요로움이 콘텐츠 자체가 됨이 있습니다. 단점으로는 정보 전달력 저하, 로딩 속도 영향, 일반 사용자에게 피로감 유발, 접근성 확보 어려움이 있습니다.

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

많을수록 좋다 — 5색 이상 혼합, 그라데이션과 패턴이 공존하는 과잉의 미학 색상 역할은 dominant: 가장 큰 면적 차지하는 주색 — 강렬한 채도, secondary: dominant와 충돌하거나 보색, accent-1/2/3: 추가 강조색 다수 허용입니다. 주의사항: 단색·모노크롬 사용 금지, 색상 수 4종 미만 사용 금지 — 다채로울수록 좋음.

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

Maximalism에는 크고 대담한 디스플레이 폰트. 여러 폰트 혼합도 허용 — 충돌이 미학 폰트가 적합합니다. 최대 3개 폰트 패밀리 사용을 권장합니다. 제약 사항: 작고 얌전한 폰트 금지 — 최소 하나는 강렬한 디스플레이 폰트, 폰트 크기 대비 극단적으로 — 거대한 heading + 작은 body.

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

Maximalism에서 피해야 할 것: 미니멀한 여백 금지 — 모든 공간을 채워야 함, 단색 단조로운 배경 금지, 요소 수 최소화 금지 — 많을수록 좋음.

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

Maximalism을 적용한 대표적인 제품·서비스로는 Gucci 웹사이트, Versace, 일부 음악 앨범 사이트 등이 있습니다.

## 참고 디자인 토큰

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

### 색상

- primary: #FF1493
- secondary: #00CED1
- accent: #FFD700
- background: linear-gradient(45deg, #FF1493 0%, #00CED1 50%, #FFD700 100%)
- surface: #FFFFFF
- text: #000000
- textSecondary: #333333
- border: #FF1493

### 타이포그래피

- fontFamily: Impact, 'Noto Sans KR', sans-serif
- headingWeight: 900
- bodyWeight: 700
- letterSpacing: 0.05em
- titleFont: Impact, sans-serif

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

- spacing: unit 12px × scale 1.5
- borderRadius: sm 15px / md 25px / lg 40px / full 9999px
- shadow sm: 0 0 10px #FF1493, 0 0 20px #00CED1
- shadow md: 0 0 20px #FF1493, 0 0 40px #00CED1
- shadow lg: 0 0 40px #FF1493, 0 0 60px #00CED1
- border: 5px double #FF1493

### 컴포넌트 형태

- button: pill / hover glow / text uppercase
- card: elevated / hover glow
- input: filled / focus glow
- badge: pill / solid
- icon: phosphor / stroke 2 / size 28px
- layout: fluid / section spacious
- animation: 300ms ease-in-out
- specialEffects: gradientText, animatedBackground

## 관련 링크

### 관련 스타일

- [Memphis Style](https://ui.buildersgate.com/styles/memphis-style)
- [Retro & Vintage](https://ui.buildersgate.com/styles/retro-vintage)
- [Aurora Design](https://ui.buildersgate.com/styles/aurora-design)

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

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

### 비교

- [Maximalism vs Aurora Design](https://ui.buildersgate.com/compare/aurora-design-vs-maximalism)
- [Maximalism vs Duotone](https://ui.buildersgate.com/compare/duotone-vs-maximalism)
- [Maximalism vs Memphis Style](https://ui.buildersgate.com/compare/maximalism-vs-memphis-style)
- [Maximalism vs Retro & Vintage](https://ui.buildersgate.com/compare/maximalism-vs-retro-vintage)

### 쓰임새별 추천

- [포트폴리오](https://ui.buildersgate.com/for/portfolio)
- [게임·엔터테인먼트](https://ui.buildersgate.com/for/game-entertainment)
- [브랜드 사이트](https://ui.buildersgate.com/for/brand-site)

---

HTML 버전: https://ui.buildersgate.com/styles/maximalism

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