큐레이션 · 오픈 · 무료

Vacation Inc

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

ProductConsumerPhotographicPlayfulWarm
Vacation Inc 스크린샷
↓ 디자인 시스템 다운로드 (24 MB)OpenDesign 에서 열기

원본 사이트: https://www.vacation.inc

📦 팩 내용 보기 →

01

디자인 DNA

레트로장난기 있는자외선차단제수영장 옆향수

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

02

컬러

#333333Ink
#ebe6dcBG
#d8d4cbMuted
rgba(51,51,51,1.0)Line

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

03

타이포그래피

transitional-serif · humanist-sans

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

04

여백

4px
8px
16px
24px
32px
48px
64px
96px

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

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

4px solid #333333

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

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

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

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0, 0.75, 1)easing

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

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

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

자외선차단제 브랜드를 위한 장난기 있는 레트로 영감 소비자 웹사이트를 디자인하세요. 미학은 향수를 불러일으키는 1980년대 수영장 옆 럭셔리로, 따뜻한 오프화이트 배경(#ebe6dc)과 다크그레이 텍스트(#333333)를 사용합니다. 타이포그래피는 디스플레이 텍스트용 얇은 트랜지셔널 세리프와 본문용 휴머니스트 산스를 결합합니다. 주요 액션 버튼은 전체 폭, 둥근 알약 형태이며 따뜻한 은은한 옐로우로 채워집니다. 레이아웃은 여유롭고 비대칭적이며, 종종 빈티지 사진과 바코드나 점선 테두리 같은 레트로 그래픽 요소를 특징으로 합니다. 현대적 미니멀리즘, 순백 배경, 또는 고대비 네온 악센트는 피하세요. 전체적인 느낌은 세련되면서도 기발해야 합니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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