큐레이션 · 오픈 · 무료

Away

고품질 사진과 미니멀 디자인을 결합한 깔끔하고 명시적인 직접 판매 여행 브랜드입니다.

01

디자인 DNA

프리미엄 직접 판매 여행 라이프스타일 브랜드

02

컬러

고품질 사진과 타이포그래피에 중점을 둔 깔끔하고 미니멀한 색상.

03

타이포그래피

transitional-serif · humanist-sans

• display56px · 500
• headline32px · 500
• body16px · 400
• label12px · 500

본문 및 내비게이션에는 'Graphik'을 사용합니다. · 히어로 헤드라인에는 전환체 세리프를 사용합니다. · 내비게이션 및 작은 라벨에는 대문자와 자간을 적용합니다.

04

여백

4px 기본, 8px 소, 16px 표준, 24px 대

05

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

1px solid rgba(17,17,17,0.1)

rgba(0, 0, 0, 0.06) 0px 2px 2px 0px · rgba(0, 0, 0, 0.07) 0px 4px 3px 0px · rgba(0, 0, 0, 0.24) 0px 1px 2px 0px

06

레이아웃

풀寬 히어로 이미지 후, 여백이 많은 콘텐츠 섹션들이 이어지는 구조입니다.

07

모션과 인터랙션

스크롤 시 콘텐츠 섹션의 미세한 fade-in. · hover 시 부드러운 색상 및 background-color 전환.

미세한 색상 또는 background-color 변경. · 약간의 크기 축소 또는 색상 변화로 즉각적인 시각적 피드백.

08

컴포넌트

• button 흰색 배경에 검정 텍스트, 1px 검정 테두리 또는 테두리 없이 미니멀하게 디자인된 버튼.
• card 고품질 사진과 미니멀한 텍스트 오버레이가 적용된 간단한 카드.
• chip 필터 또는 카테고리용 알약 모양 버튼.
• input 최소한의 스타일링이 적용된 깔끔한 밑줄 또는 테두리 형태의 입력 필드.
• hero 큰 세리프 또는 sans-serif 헤드라인과 명확한 call-to-action이 있는 풀블리드 사진 히어로.

09

보이스와 금지 목록

• 톤 자신감 있고, 명시적이며, 직접적인 어조.
• 헤드라인 간결하고 임팩트가 있으며, 강조를 위해 종종 세리프 폰트를 사용합니다.
• CTA 직접적이고 행동 지향적이며, 종종 대문자로 표시됩니다.

• 주요 콘텐츠 영역에 어두운 배경을 사용하지 마세요 — 스크린샷에서 흰색(#FFFFFF) 배경이 사용되었습니다.
• 주요 버튼에 밝고 채도 높은 포인트 색상을 사용하지 마세요 — 스크린샷에서 테두리가 있는 흰색 버튼 위의 검정 텍스트가 사용되었습니다.
• 메인 헤드라인에 sans-serif 폰트를 사용하지 마세요 — 스크린샷에서 'Get Away'에 전환체 세리프 폰트가 사용되었습니다.
• 카드 또는 버튼에 둥근 모서리를 사용하지 마세요 — 스크린샷에서 날카로운 사각형 모서리가 사용되었습니다.
• 메인 히어로에 여러 칼럼 레이아웃을 사용하지 마세요 — 스크린샷에서 단일 풀블리드 이미지가 사용되었습니다.
• 내비게이션에 작고 밀집된 텍스트를 사용하지 마세요 — 스크린샷에서 대문자로 된 넓은 간격의 라벨이 사용되었습니다.
• 피하기: 지저분한 레이아웃
• 피하기: 지나치게 복잡한 색상 체계
• 피하기: 장식 요소의 과도한 사용

10

팩 안의 실제 스크린샷

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

11

System Prompt

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