큐레이션 · 오픈 · 무료

Atlas Obscura

세계에서 가장 특별한 숨겨진 장소를 아름답게 큐레이팅한 에디셔널 가이드입니다.

01

디자인 DNA

빈티지 탐험가의 저널과 현대적 디지털 발견의 만남

02

컬러

블랙 온 화이트의 고대비 에디셔널 기반에 브랜드 인식 및 강조를 위한 단일의 밝은 빨간색 강조

03

타이포그래피

transitional-serif · humanist-sans

• display56px · 700
• subtitle14px · 700
• body16px · 400
• caption14px · 400

헤드라인은 클래식한 에디셔널 느낌을 위해 세리프 타입페이스를 사용합니다 · 본문 텍스트 및 UI 요소는 가독성을 위해 Open Sans를 사용합니다 · 키커 텍스트는 강조를 위해 대문자와 자간을 사용합니다

04

여백

에디셔널 섹션에 풍부한 여백을 둔 표준 4px 기본 그리드

05

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

카드 및 입력 필드용 1px solid rgba(0,0,0,0.1)

rgba(0,0,0,0.24) 0px 0px 5px 0px

06

레이아웃

검색 기능을 갖춘 풀폭 중앙 정렬된 히어로 섹션을 따르는 깔끔한 상단 내비게이션 바

07

모션과 인터랙션

hover 상태를 위한 부드러운 전환 · 페이지 내비게이션을 위한 부드러운 스크롤

인터랙티브 요소의 미묘한 색상 전환 · 시각적 피드백을 포함한 즉각적인 응답

08

컴포넌트

• button '내 주변 장소'와 같은 기본 작업을 위한 흰색 텍스트와 아이콘을 포함한 검은색 필형 버튼
• card 최소한의 테두리를 가진 이미지 중심의 에디셔널 카드
• chip '랜덤 장소'와 같은 보조 작업을 위한 아웃라운드 둥근 버튼
• input 플레이스홀더 텍스트와 통합 검색 아이콘을 갖춘 풀폭 둥근 검색 입력 필드
• hero 키커 텍스트, 설명, 그리고 돋보이는 검색 바가 있는 크고 중앙 정렬된 헤드라인

09

보이스와 금지 목록

• 톤 권위적이면서도 친근하고 호기심을 자극하는
• 헤드라인 호기심을 불러일으키는 웅장하고 묘사적인 세리프 헤드라인
• CTA 명확하고 설명적인 레이블을 갖춘 행동 지향적 버튼

• 다크 모드 또는 어두운 배경을 사용하지 않습니다 — 스크린샷은 주로 흰색(#ffffff) 배경을 보여줍니다
• 컨테이너에 장난스러운 둥근 모서리를 사용하지 않습니다 — 스크린샷은 히어로 섹션의 날카로운 직사각형 가장자를 보여줍니다
• 여러 경쟁 강조 색상을 사용하지 않습니다 — 스크린샷은 단일의 지배적인 빨간색(#E21F26) 강조를 보여줍니다
• 헤드라인에 얇고 가벼운 산세리프 폰트를 사용하지 않습니다 — 스크린샷은 메인 타이틀에 볼드하고 굵은 세리프 타이포그래피를 보여줍니다
• 과도한 그림자로 인터페이스를 어지럽히지 않습니다 — 스크린샷은 최소한의 드롭 그림자를 가진 매우 깔끔하고 평면적인 디자인을 보여줍니다
• 작고 비좁은 텍스트를 사용하지 않습니다 — 스크린샷은 편안한 읽기를 위한 풍부한 행간과 패딩을 보여줍니다
• 피하기: 지나치게 캐주얼한 언어
• 피하기: 과도한 느낌표
• 피하기: 일반적인 여행 상투적 표현

10

팩 안의 실제 스크린샷

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

11

System Prompt

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