여행 및 교통 디자인 시스템
여행, 예약, 모빌리티, 물류 웹사이트에서 추출한 디자인 시스템이에요. 검색창, 날짜 선택기, 지도, 목록 카드가 시스템의 중심이고, 보통 강한 브랜드 색상 하나와 사진을 위한 넉넉한 공간을 갖추고 있어요.
이 카테고리의 DESIGN.md 예시 2개: Airbnb 및 Uber. 각 사이트의 공개 페이지에서 추출한 것으로, 공식 브랜드 가이드라인이 아니에요. 이 형식이 처음이라면 DESIGN.md란 무엇인지 읽어 보세요.
Airbnb
Airbnb의 디자인 시스템은 단일 독점 가변 폰트(Airbnb Cereal VF)를 중심으로 구축되어 있으며, 짙은 차콜(#222222)과 밝은 그레이를 기반으로 한 거의 무채색에 가까운 중립 팔레트를 사용합니다. 브랜드의 상징적인 "Rausch" 코랄 핑크(#ff385c)는 기본 CTA와 로고에만 제한적으로 사용됩니다. 레이아웃은 반응형 사진 카드 그리드로 이루어지며, 이미지와 텍스트의 비율을 여유 있게 가져갑니다. 카드에는 20px의 부드러운 둥근 모서리가 적용되고, 여러 겹으로 된 은은한 그림자 시스템이 강한 대비 없이 섬세한 깊이감을 만들어 냅니다. 핵심 사용자 행동을 하나로 묶는 검색창은 눈에 잘 띄는 알약 모양의 컨테이너로 구성되어 있습니다.
Uber
Uber의 디자인 언어는 깔끔한 미니멀리즘과 생동감 있는 일러스트레이션을 결합하여, 친근하면서도 전문적인 교통 플랫폼의 인상을 만들어 냅니다. 선명한 흑백 기반은 명확성과 가독성을 제공하고, 컬러풀한 히어로 일러스트레이션은 따뜻함과 사람 사이의 연결감을 더합니다. 타이포그래피는 브랜드 일관성을 위해 커스텀 서체 패밀리인 UberMove에 의존하며, 넉넉한 여백이 인터페이스 전반에 숨 쉴 공간을 만들어 줍니다.
원하는 사이트가 없나요?
URL만 붙여 넣으면 어떤 웹사이트든 DESIGN.md로 추출해요. 색상, 타이포그래피, 간격, 토큰을 AI 워크플로에 바로 쓸 수 있어요.