큐레이션 · 오픈 · 무료

Vacation Inc

1980년대 수영장 옆 분위기를 연상시키는 장난기 있는 레트로 영감 자외선차단제 브랜드.

01

디자인 DNA

웹에서 실현된 빈ти지 휴가 브로슈어.

02

컬러

따뜻한 오프화이트 배경과 다크그레이 텍스트를 사용해 높은 가독성을 확보합니다.

03

타이포그래피

transitional-serif · humanist-sans

• display48px · 400
• heading30px · 400
• body16px · 400
• small18px · 400

대형 프로모션 및 디스플레이 텍스트에는 트랜지셔널 세리프를 사용합니다. · 본문과 내비게이션에는 휴머니스트 산스를 사용합니다. · 디스플레이 타이포그래피에는 음의 자간을 유지합니다.

04

여백

4px 그리드를 기반으로 일관된 간격을 사용하며, 주요 섹션에는 더 넓은 간격을 둡니다.

05

표면 (라운드 / 그림자 / 경계선)

4px solid #333333

rgba(0, 0, 0, 0.1) 1px 1px 5px 0px · rgba(0, 0, 0, 0.75) 2px 2px 2px 0px

06

레이아웃

이미지가 겹치고 여백이 넉넉한 비대칭 그리드.

07

모션과 인터랙션

인터랙티브 요소에서 부드러운 색상 및 transform 전환.

미세한 색상 변화 또는 이미지 스케일링. · 표준 포인터 커서.

08

컴포넌트

• button 전체 폭, 둥근 알약 형태, 따뜻한 옐로우 배경을 가진 버튼.
• card 얇은 테두리와 'FIG. 1' 같은 레트로 라벨을 가진 이미지 중심 카드.
• input 배경 없이 하단 테두리만 있는 간단한 입력 필드.
• hero 얇은 4px 테두리 프레임과 오버레이 텍스트를 가진 전체 폭 배경 이미지.

09

보이스와 금지 목록

• 톤 재치 있고, 향수를 불러일으키며, 장난기 있게 권위 있는 어조.
• 헤드라인 크고 우아한 세리프 타이포그래피.
• CTA 굵은 산스세리프 텍스트가 들어간 알약 형태 버튼.

• 순백 배경을 사용하지 마세요 — 스크린샷은 대신 따뜻한 오프화이트(#ebe6dc)를 보여줍니다.
• 주요 버튼에 밝고 고채도 악센트 색상을 사용하지 마세요 — 스크린샷은 대신 따뜻한 은은한 옐로우(#f1d27a)를 보여줍니다.
• 디스플레이 텍스트에 두꺼운 산스세리프를 사용하지 마세요 — 스크린샷은 대신 얇은 트랜지셔널 세리프를 보여줍니다.
• 좁은 거터의 12열 대칭 레이아웃을 사용하지 마세요 — 스크린샷은 대신 넉넉한 간격과 비대칭 정렬을 보여줍니다.
• 주요 버튼에 날카롭고 직사각형 모서리를 사용하지 마세요 — 스크린샷은 대신 완전히 둥근 알약 형태를 보여줍니다.
• 다크 모드나 검정 배경을 사용하지 마세요 — 스크린샷은 대신 밝고 종이 같은 배경을 보여줍니다.
• 피하기: 현대적 미니멀리즘
• 피하기: 차갑거나 클리니컬한 색상 팔레트
• 피하기: 지나치게 복잡한 레이아웃

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko