큐레이션 · 오픈 · 무료

Landofride

프리미엄이고 활발한 휴가 경험을 큐레이션하는 에디토리얼 여행 플랫폼.

01

디자인 DNA

활발한 모험을 위해 큐레이션된 고급 여행 매거진.

02

컬러

흑백의 고대비 단색 계열을 기반으로, 따뜻한 중립 베이지로 부드럽게 완화하고, 활기찬 핑크를 단일하고 대담한 에디토리얼 악센트로 사용합니다.

03

타이포그래피

didone-serif · transitional-serif

• display120px · 400
• heading48px · 400
• body16px · 400
• caption12px · 400

큰 디스플레이 텍스트에는 디도네 세리프를 사용합니다. · 본문 텍스트에는 트랜지셔널 세리프를 사용합니다. · UI 요소 및 작은 레이블에는 그로테스크 산세리프를 사용합니다. · 대문자 레이블에는 넓은 자간을 사용합니다.

04

여백

기본 단위 4px를 사용하여 넉넉한 수직 간격을 두고, 요소 사이에 숨을 쉴 공간을 강조합니다.

05

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

rgba(0,0,0,0.32) 3px 3px 8px 0px · rgba(0,0,0,0.25) 0px 4px 10px 0px

06

레이아웃

중심이 잡힌 매거진 스타일 레이아웃으로, 크고 전체 폭의 히어로 이미지와 넉넉한 수직 여백을 사용합니다.

07

모션과 인터랙션

호버 시 미묘한 불투명도 및 색상 전환. · 인터랙티브 요소를 위한 부드러운 변형 전환.

미묘한 색상 또는 불투명도 변화. · 약간의 변형 또는 불투명도 피드백.

08

컴포넌트

• button 어두운 배경과 밝은 텍스트를 사용하는 고대비 알약 모양 버튼.
• card 대담한 타이포그래피 오버레이가 적용된 크고 이미지 중심의 에디토리얼 카드.
• chip 분류용 소문자 텍스트 레이블.
• input 미묘한 테두리가 있는 미니멀하고 깔끔한 입력 필드.
• hero 크고 중심이 잡힌 타이포그래피 오버레이가 적용된 전체 폭의 몰입감 있는 포토그래픽 히어로 섹션.

09

보이스와 금지 목록

• 톤 열망적, 묘사적, 프리미엄.
• 헤드라인 크고 대담하며, 종종 이미지 위에 직접 오버레이됩니다.
• CTA 직관적이고 행동 지향적 (예: '국내 선택', '차량 선택').

• 바쁘거나 지저분한 레이아웃을 사용하지 마세요 — 스크린샷은 넉넉한 여백을 둔 여유롭고 에디토리얼한 레이아웃을 보여줍니다.
• 다양한 폰트 두께를 사용하지 마세요 — 스크린샷은 주로 일반(400) 및 라이트(300) 두께를 사용합니다.
• 작고 비좁은 타이포그래피를 사용하지 마세요 — 스크린샷은 크고 임팩트 있는 디스플레이 텍스트와 읽기 쉬운 본문 텍스트를 특징으로 합니다.
• 모든 것에 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카로운 모서리(3-4px)와 드문 알약 모양의 혼합을 보여줍니다.
• 화려하고 다채로운 팔레트를 사용하지 마세요 — 스크린샷은 주로 단색 계열이며, 단일한 핑크 악센트를 사용합니다.
• 메뉴에 주요 액션을 숨기지 마세요 — 스크린샷은 뷰포트 하단에 눈에 띄고 지속적인 CTA를 보여줍니다.
• 피하기: 일상적인 비속어
• 피하기: 지나치게 복잡한 문장
• 피하기: 기술 용어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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