# 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

이 페이지 주소를 AI에게 보여주고 "디자인 시스템 문서를 만들어줘"라고 해보세요.

← 홈으로 돌아가기

Retro & Vintage

과거의 디자인 요소를 현대적으로 재해석한 노스탤지어를 자극하는 스타일입니다.

연도

Various

디지털 디자인에서 '복고풍'의 반복적 유행. 특히 2010년대 후반부터 밀레니얼·Z세대 겨냥 브랜드에서 적극 활용.

#D4A574

핵심 원칙

1

향수

2

따뜻함

3

시대적 특징

주요 특징

  • 빈티지 색상 팔레트
  • 클래식 타이포그래피
  • 텍스처와 그레인
  • 빈티지 일러스트
  • 복고풍 패턴

장단점

장점

  • +강력한 감성과 노스탤지어 유발
  • +고급스럽고 독특한 브랜드 이미지
  • +밀레니얼·Z세대 복고 트렌드와 맞음

단점 / 한계

  • −타겟 세대 외에는 공감 어려울 수 있음
  • −텍스처 사용 시 로딩 속도 영향
  • −현대적 기능성과 충돌 가능

적합한 사용처

사용 사례

  • 식음료·카페 브랜드
  • 음악 앨범 아트워크
  • 의류·패션 브랜드
  • 빈티지 마켓·중고 거래 앱

이런 프로젝트에 추천

카페·식음료 브랜드음악·엔터테인먼트패션 브랜드문화·라이프스타일 앱
접근성

빈티지 텍스처 위 텍스트 대비 주의. 세리프체 소문자 가독성 확인 필요.

실제 사용 예시

Spotify 일부 캠페인Instagram (초기 로고)스탬프 커피

UI 컴포넌트 예제

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

Vintage Badges

복고풍 배지와 스탬프 디자인

VINTAGE1970CLASSIC
RETRO80sSTYLE
AUTHENTICRETRO

Vintage Cards

빈티지 색상과 텍스처를 활용한 카드

Classic Design

빈티지한 색상 팔레트와 클래식한 타이포그래피가 특징입니다.

Nostalgic Feel

과거의 따뜻한 감성을 현대적으로 재해석합니다.

Retro Typography

복고풍 타이포그래피 스타일

GROOVY

RETRO VIBES

1960s

1970s

1980s

Vintage Patterns

복고풍 패턴과 장식

Retro Buttons

70-80년대 스타일 버튼

Vintage Label

빈티지 라벨 디자인

EST. 1975

VINTAGE

AUTHENTIC DESIGN

Quality · Heritage · Style

자주 묻는 질문

Retro & Vintage이란 무엇인가요?
과거의 디자인 요소를 현대적으로 재해석한 노스탤지어를 자극하는 스타일입니다. 디지털 디자인에서 '복고풍'의 반복적 유행. 특히 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 (초기 로고), 스탬프 커피 등이 있습니다.

관련 스타일 탐색

Skeuomorphism

실제 물리적 객체의 질감과 모양을 디지털 인터페이스에 그대로 모방합니다.

Memphis Style

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

Pixel Art

레트로 게임에서 영감을 받은 픽셀 단위의 그래픽 스타일로, 향수와 창의성을 자극합니다.