# Retro & Vintage — 디자인 스타일 가이드

## 기본 정보
- **ID**: retro-vintage
- **카테고리**: design-style
- **연도**: Various

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

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

## 핵심 원칙
- 향수
- 따뜻함
- 시대적 특징

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

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

## 추천 프로젝트 유형
- 카페·식음료 브랜드
- 음악·엔터테인먼트
- 패션 브랜드
- 문화·라이프스타일 앱

## 장점
- 강력한 감성과 노스탤지어 유발
- 고급스럽고 독특한 브랜드 이미지
- 밀레니얼·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

## API 엔드포인트
- 스타일 상세: https://ui.buildersgate.com/api/styles?id=retro-vintage
- 디자인 토큰: https://ui.buildersgate.com/api/themes?id=retro-vintage&merged=true
← 홈으로 돌아가기

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

관련 스타일 탐색

Skeuomorphism

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

Memphis Style

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

Pixel Art

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