표본
이 스타일의 기본형
버튼·입력·배지를 이 스타일의 규칙 그대로 그린 카드입니다.
Retro & Vintage
과거의 디자인 요소를 현대적으로 재해석한 노스탤지어를 자극하는 스타일입니다.
- YEAR
- Various
- MOOD
- 레트로 · 따뜻한
- PRIMARY#D4A574
- SECONDARY#8B4513
- ACCENT#CD853F
- BG#F5DEB3
- SURFACE#FFF8DC
취급 표시
- 둥근 모서리
- 굵은 테두리
- 종이 바탕
- 보통 아이콘 선
표본
이 스타일의 규칙을 그대로 적용한 UI 컴포넌트입니다.
버튼
입력과 토글
배지
중립강조긍정
탭
스탯과 차트
2,480주간 방문증가+12%
1.8%이탈률감소-0.4%p
여덟 달의 지표 흐름을 담은 표본 차트입니다.
아바타와 아이콘
김서이하박지윤채+1
카드
기본 카드
서피스 토큰이 그대로 정하는 기본 상태의 카드입니다.
강조 카드
강조 상태에서 서피스가 어떻게 달라지는지 보여줍니다.
무드와 이웃
밀도여백빽빽여백에서 빽빽 사이 5단계 중 4단계
온도감차가움따뜻함차가움에서 따뜻함 사이 5단계 중 4단계
시대감레트로미래적레트로에서 미래적 사이 5단계 중 1단계
격식자유분방격식자유분방에서 격식 사이 5단계 중 3단계
- 레트로
- 따뜻한
어디에 쓰나
실제로 쓰는 곳
- Spotify 일부 캠페인
- Instagram (초기 로고)
- 스탬프 커피
사용 사례
- 식음료·카페 브랜드
- 음악 앨범 아트워크
- 의류·패션 브랜드
- 빈티지 마켓·중고 거래 앱
이런 프로젝트에 맞습니다
- 카페·식음료 브랜드
- 음악·엔터테인먼트
- 패션 브랜드
- 문화·라이프스타일 앱
더 읽기
원칙·제약·역사처럼 적용할 때 필요한 내용입니다. 필요한 항목만 펼쳐 보세요.
역사와 배경
디지털 디자인에서 '복고풍'의 반복적 유행. 특히 2010년대 후반부터 밀레니얼·Z세대 겨냥 브랜드에서 적극 활용.
핵심 원칙
- 향수
- 따뜻함
- 시대적 특징
주요 특징
- 빈티지 색상 팔레트
- 클래식 타이포그래피
- 텍스처와 그레인
- 빈티지 일러스트
- 복고풍 패턴
장점과 한계
장점
- 강력한 감성과 노스탤지어 유발
- 고급스럽고 독특한 브랜드 이미지
- 밀레니얼·Z세대 복고 트렌드와 맞음
한계
- 타겟 세대 외에는 공감 어려울 수 있음
- 텍스처 사용 시 로딩 속도 영향
- 현대적 기능성과 충돌 가능
컬러 시스템
채도 낮추고 따뜻하게 바랜 색감. 현대 색상을 vintage filter 통과시킨 느낌
색의 역할
- base: 크림·베이지·세피아 계열 배경
- primary: 바랜 빨강·갈색·머스터드 등 따뜻한 톤
- accent: 올리브·테라코타·버건디 등
- text: 어두운 갈색 또는 거의 검정 — 순수 검정보다 부드럽게
제약
- 순수 흰색·검정 사용 금지 — 크림·오프화이트, 다크 브라운으로 대체
- 채도 높은 현대적 neon·vivid 색 사용 금지
- 그라데이션보다 단색 또는 텍스처 패턴 권장
다크모드 — 다크 시피아(짙은 갈색 배경 + 크림 텍스트)로 전환. 색상 역할 유지
명도 대비 — 바랜 색감 특성상 대비 낮을 수 있음 — 텍스트 색 신중히 선택
타이포그래피
세리프(클래식), 슬랩세리프(포스터), 또는 빈티지 디스플레이 폰트. 손글씨 느낌도 OK
글꼴은 최대 3종 · 스케일 비율 1.414 (√2, Augmented Fourth) — 빈티지 포스터 비율
- 현대적 기하학 산세리프 사용 금지
- heading에 serif 또는 display 폰트 허용
- 폰트 조합 시 vintage 시대 동일 조합만 허용
설계 제약
반드시 포함
- 종이·패브릭·인쇄물 텍스처
- 노이즈·그레인 효과
- 빈티지 일러스트·뱃지·스탬프 요소
하지 말 것
- 현대적 flat 아이콘 사용 금지 — 손그림·빈티지 일러스트로 대체
- 그림자 없는 완전 flat 요소 금지 — 종이 질감과 그림자 필수
- 순수 디지털 clean 배경 금지 — 텍스처·노이즈 필수
모션 — 모션 최소화 권장. 있다면 필름 grain 효과 또는 종이 넘기기 느낌의 애니메이션.
접근성
빈티지 텍스처 위 텍스트 대비 주의. 세리프체 소문자 가독성 확인 필요.
자주 묻는 질문
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 (초기 로고), 스탬프 커피 등이 있습니다.