# Retro & Vintage — 디자인 스타일 가이드
## 기본 정보
- **ID**: retro-vintage
- **카테고리**: design-style
- **연도**: Various
## 설명
과거의 디자인 요소를 현대적으로 재해석한 노스탤지어를 자극하는 스타일입니다.
## 역사·배경
디지털 디자인에서 '복고풍'의 반복적 유행. 특히 2010년대 후반부터 밀레니얼·Z세대 겨냥 브랜드에서 적극 활용.
## 핵심 원칙
- 향수
- 따뜻함
- 시대적 특징
## 주요 특징
- 빈티지 색상 팔레트
- 클래식 타이포그래피
- 텍스처와 그레인
- 빈티지 일러스트
- 복고풍 패턴
## 컬러 시스템 가이드
채도 낮추고 따뜻하게 바랜 색감. 현대 색상을 vintage filter 통과시킨 느낌
### 색상 역할
- base: 크림·베이지·세피아 계열 배경
- primary: 바랜 빨강·갈색·머스터드 등 따뜻한 톤
- accent: 올리브·테라코타·버건디 등
- text: 어두운 갈색 또는 거의 검정 — 순수 검정보다 부드럽게
### 색상 제약 조건
- 순수 흰색·검정 사용 금지 — 크림·오프화이트, 다크 브라운으로 대체
- 채도 높은 현대적 neon·vivid 색 사용 금지
- 그라데이션보다 단색 또는 텍스처 패턴 권장
### 다크모드 전략
다크 시피아(짙은 갈색 배경 + 크림 텍스트)로 전환. 색상 역할 유지
### 대비 요구사항
바랜 색감 특성상 대비 낮을 수 있음 — 텍스트 색 신중히 선택
## 타이포그래피 가이드
- **폰트 성격**: 세리프(클래식), 슬랩세리프(포스터), 또는 빈티지 디스플레이 폰트. 손글씨 느낌도 OK
- **권장 폰트 수**: 최대 3개
- **타입 스케일**: 1.414 (√2, Augmented Fourth) — 빈티지 포스터 비율
### 타이포그래피 제약
- 현대적 기하학 산세리프 사용 금지
- heading에 serif 또는 display 폰트 허용
- 폰트 조합 시 vintage 시대 동일 조합만 허용
## 하면 안 되는 것 (안티패턴)
- 현대적 flat 아이콘 사용 금지 — 손그림·빈티지 일러스트로 대체
- 그림자 없는 완전 flat 요소 금지 — 종이 질감과 그림자 필수
- 순수 디지털 clean 배경 금지 — 텍스처·노이즈 필수
## 반드시 포함해야 하는 것
- 종이·패브릭·인쇄물 텍스처
- 노이즈·그레인 효과
- 빈티지 일러스트·뱃지·스탬프 요소
## 모션 가이드
모션 최소화 권장. 있다면 필름 grain 효과 또는 종이 넘기기 느낌의 애니메이션.
## 사용 사례
- 식음료·카페 브랜드
- 음악 앨범 아트워크
- 의류·패션 브랜드
- 빈티지 마켓·중고 거래 앱
## 추천 프로젝트 유형
- 카페·식음료 브랜드
- 음악·엔터테인먼트
- 패션 브랜드
- 문화·라이프스타일 앱
## 장점
- 강력한 감성과 노스탤지어 유발
- 고급스럽고 독특한 브랜드 이미지
- 밀레니얼·Z세대 복고 트렌드와 맞음
## 단점·한계
- 타겟 세대 외에는 공감 어려울 수 있음
- 텍스처 사용 시 로딩 속도 영향
- 현대적 기능성과 충돌 가능
## 실제 사용 제품·서비스
- Spotify 일부 캠페인
- Instagram (초기 로고)
- 스탬프 커피
## 접근성
빈티지 텍스처 위 텍스트 대비 주의. 세리프체 소문자 가독성 확인 필요.
## 관련 스타일
- [skeuomorphism](https://ui.buildersgate.com/styles/skeuomorphism)
- [memphis-style](https://ui.buildersgate.com/styles/memphis-style)
- [pixel-art](https://ui.buildersgate.com/styles/pixel-art)
## 참고 구현 예시 (디자인 토큰)
> 아래 토큰은 이 스타일의 참고 구현 예시입니다. 프로젝트의 브랜드 컬러·폰트에 맞게 조정하되, 위 컬러 시스템/타이포그래피 가이드의 제약 조건을 준수하세요.
### 색상
- primary: #D4A574
- secondary: #8B4513
- accent: #CD853F
- background: #F5DEB3
- surface: #FFF8DC
- text: #3E2723
- textSecondary: #6D4C41
- border: #8D6E63
### 헤더
- background: linear-gradient(180deg, #D4A574 0%, #8B4513 100%)
- textColor: #FFFFFF
- titleFont: Georgia, Times New Roman, serif
- accentColor: #CD853F
### 타이포그래피
- fontFamily: Georgia, 'Nanum Myeongjo', serif
- headingWeight: 700
- bodyWeight: 400
- letterSpacing: 0.03em
### 스페이싱
- unit: 8px
- scale: 1.2
### 그림자 (Shadows)
- sm: 0 2px 4px rgba(62, 39, 35, 0.3)
- md: 0 4px 8px rgba(62, 39, 35, 0.3)
- lg: 0 8px 16px rgba(62, 39, 35, 0.3)
- xl: 0 12px 24px rgba(62, 39, 35, 0.4)
### Border Radius
- none: 0
- sm: 4px
- md: 8px
- lg: 12px
- full: 9999px
### 테두리 (Borders)
- width: 2px
- style: solid
- color: #8D6E63
### 이펙트
- blur: 0px
- opacity: 0.95
- transition: all 0.4s ease
### 애니메이션
- duration: 400ms
- easing: ease
### 컴포넌트 토큰
- 버튼: shape=rounded / hoverEffect=darken / textTransform=none
- 카드: style=elevated / hoverEffect=lift
- 인풋: style=outlined / focusEffect=ring
- 배지: shape=rounded / style=subtle
- 아이콘: package=lucide / strokeWidth=2 / defaultSize=22
### 레이아웃
- containerStyle: boxed
- sectionSpacing: normal
### 특수 효과
- glassmorphism: false
- gradientText: false
- animatedBackground: false
- scanlines: false
- noise: true
## 자주 묻는 질문 (FAQ)
### Q: Retro & Vintage이란 무엇인가요?
A: 과거의 디자인 요소를 현대적으로 재해석한 노스탤지어를 자극하는 스타일입니다. 디지털 디자인에서 '복고풍'의 반복적 유행. 특히 2010년대 후반부터 밀레니얼·Z세대 겨냥 브랜드에서 적극 활용.
### Q: Retro & Vintage의 핵심 디자인 원칙은 무엇인가요?
A: Retro & Vintage의 핵심 원칙은 향수, 따뜻함, 시대적 특징입니다.
### Q: Retro & Vintage은 어떤 프로젝트에 적합한가요?
A: Retro & Vintage은 식음료·카페 브랜드, 음악 앨범 아트워크, 의류·패션 브랜드, 빈티지 마켓·중고 거래 앱, 카페·식음료 브랜드, 음악·엔터테인먼트, 패션 브랜드, 문화·라이프스타일 앱 등의 프로젝트에 적합합니다.
### Q: Retro & Vintage의 장단점은 무엇인가요?
A: 장점으로는 강력한 감성과 노스탤지어 유발, 고급스럽고 독특한 브랜드 이미지, 밀레니얼·Z세대 복고 트렌드와 맞음이 있습니다. 단점으로는 타겟 세대 외에는 공감 어려울 수 있음, 텍스처 사용 시 로딩 속도 영향, 현대적 기능성과 충돌 가능이 있습니다.
### Q: Retro & Vintage에서 색상은 어떻게 사용하나요?
A: 채도 낮추고 따뜻하게 바랜 색감. 현대 색상을 vintage filter 통과시킨 느낌 색상 역할은 base: 크림·베이지·세피아 계열 배경, primary: 바랜 빨강·갈색·머스터드 등 따뜻한 톤, accent: 올리브·테라코타·버건디 등입니다. 주의사항: 순수 흰색·검정 사용 금지 — 크림·오프화이트, 다크 브라운으로 대체, 채도 높은 현대적 neon·vivid 색 사용 금지.
### Q: Retro & Vintage에 어울리는 폰트 스타일은 무엇인가요?
A: Retro & Vintage에는 세리프(클래식), 슬랩세리프(포스터), 또는 빈티지 디스플레이 폰트. 손글씨 느낌도 OK 폰트가 적합합니다. 최대 3개 폰트 패밀리 사용을 권장합니다. 제약 사항: 현대적 기하학 산세리프 사용 금지, heading에 serif 또는 display 폰트 허용.
### Q: Retro & Vintage 디자인에서 하면 안 되는 것은 무엇인가요?
A: Retro & Vintage에서 피해야 할 것: 현대적 flat 아이콘 사용 금지 — 손그림·빈티지 일러스트로 대체, 그림자 없는 완전 flat 요소 금지 — 종이 질감과 그림자 필수, 순수 디지털 clean 배경 금지 — 텍스처·노이즈 필수.
### Q: Retro & Vintage을 사용하는 실제 서비스나 제품은 무엇이 있나요?
A: Retro & Vintage을 적용한 대표적인 제품·서비스로는 Spotify 일부 캠페인, Instagram (초기 로고), 스탬프 커피 등이 있습니다.
## API 엔드포인트
- 스타일 상세: https://ui.buildersgate.com/api/styles?id=retro-vintage
- 디자인 토큰: https://ui.buildersgate.com/api/themes?id=retro-vintage&merged=true
과거의 디자인 요소를 현대적으로 재해석한 노스탤지어를 자극하는 스타일입니다. 디지털 디자인에서 '복고풍'의 반복적 유행. 특히 2010년대 후반부터 밀레니얼·Z세대 겨냥 브랜드에서 적극 활용.
Retro & Vintage의 핵심 디자인 원칙은 무엇인가요?
Retro & Vintage의 핵심 원칙은 향수, 따뜻함, 시대적 특징입니다.
Retro & Vintage은 어떤 프로젝트에 적합한가요?
Retro & Vintage은 식음료·카페 브랜드, 음악 앨범 아트워크, 의류·패션 브랜드, 빈티지 마켓·중고 거래 앱, 카페·식음료 브랜드, 음악·엔터테인먼트, 패션 브랜드, 문화·라이프스타일 앱 등의 프로젝트에 적합합니다.
Retro & Vintage의 장단점은 무엇인가요?
장점으로는 강력한 감성과 노스탤지어 유발, 고급스럽고 독특한 브랜드 이미지, 밀레니얼·Z세대 복고 트렌드와 맞음이 있습니다. 단점으로는 타겟 세대 외에는 공감 어려울 수 있음, 텍스처 사용 시 로딩 속도 영향, 현대적 기능성과 충돌 가능이 있습니다.
Retro & Vintage에서 색상은 어떻게 사용하나요?
채도 낮추고 따뜻하게 바랜 색감. 현대 색상을 vintage filter 통과시킨 느낌 색상 역할은 base: 크림·베이지·세피아 계열 배경, primary: 바랜 빨강·갈색·머스터드 등 따뜻한 톤, accent: 올리브·테라코타·버건디 등입니다. 주의사항: 순수 흰색·검정 사용 금지 — 크림·오프화이트, 다크 브라운으로 대체, 채도 높은 현대적 neon·vivid 색 사용 금지.
Retro & Vintage에 어울리는 폰트 스타일은 무엇인가요?
Retro & Vintage에는 세리프(클래식), 슬랩세리프(포스터), 또는 빈티지 디스플레이 폰트. 손글씨 느낌도 OK 폰트가 적합합니다. 최대 3개 폰트 패밀리 사용을 권장합니다. 제약 사항: 현대적 기하학 산세리프 사용 금지, heading에 serif 또는 display 폰트 허용.
Retro & Vintage 디자인에서 하면 안 되는 것은 무엇인가요?
Retro & Vintage에서 피해야 할 것: 현대적 flat 아이콘 사용 금지 — 손그림·빈티지 일러스트로 대체, 그림자 없는 완전 flat 요소 금지 — 종이 질감과 그림자 필수, 순수 디지털 clean 배경 금지 — 텍스처·노이즈 필수.
Retro & Vintage을 사용하는 실제 서비스나 제품은 무엇이 있나요?
Retro & Vintage을 적용한 대표적인 제품·서비스로는 Spotify 일부 캠페인, Instagram (초기 로고), 스탬프 커피 등이 있습니다.