큐레이션 · 오픈 · 무료

Bellroy

실용성과 절제된 스타일을 조화시킨, 현대 여행자를 위해 디자인된 프리미엄 휴대용품.

01

디자인 DNA

미니멀리스트 일본 엔지니어링과 만난 프리미엄 아웃도어 브랜드

02

컬러

강렬한 사진과 단일 버른 오렌지 강조색으로 핵심 행동을 강조하는 깨끗하고 밝은 배경.

03

타이포그래피

display-sans · humanist-sans · monospace

• display64px · 900
• heading32px · 700
• body16px · 400
• small13px · 400

04

여백

3.5px 기본 단위를 레이아웃 및 컴포넌트 간격으로 스케일링

05

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

저불투명도 블랙 또는 테마 그레이를 사용한 미세한 1px 테두리.

card: None · elevated: None

06

레이아웃

최대 너비 컨테이너와 일관된 거터 간격을 갖춘 표준 12열 그리드.

07

모션과 인터랙션

hover 및 focus 시 매끄러운 색상과 배경 트랜지션 · 인터랙티브 요소를 위한 미세한 불투명도 및 변환 변경

미세한 색상 변화 또는 배경 트랜지션 · 표준 브라우저 인터랙션을 통한 즉각적인 시각적 피드백

08

컴포넌트

• button 알약 형태 반경과 대문자 텍스트가 적용된 실버 버튼
• card 둥근 모서리와 미세한 드롭 섀도우가 적용된 이미지 중심 카드
• chip 카테고리를 위한 작은 둥근 태그
• input 플레이스홀더 텍스트와 검색 아이콘이 있는 깨끗한 검색바
• hero 전체 너비 라이프스타일 사진, 굵게 오버레이된 타이포그래피 및 기본 행동 버튼

09

보이스와 금지 목록

• 톤 자신감 있고 유능하며 목표 지향적인
• 헤드라인 실용성과 이동성을 강조하는 짧고 강렬한 대문자 문장
• CTA 행동 지향적, 대문자, 직접적인

• 네온이나 고채도 팔레트를 사용하지 마세요 — 사이트는 단일 버른 오렌지 강조색이 있는 절제되고 자연스러운 톤에 의존합니다.
• 장식적이거나 커브체 타이포그래피를 사용하지 마세요 — 디자인은 굵은 디스플레이 산세리프와 깨끗한 휴머니스티크 산세리프를 조합합니다.
• 과도한 UI 요소나 테두리로 레이아웃을 복잡하게 하지 마세요 — 사이트는 깔끔하고 여유롭고 이미지 중심의 미학을 유지합니다.
• 인터랙티브 요소에 날카롭고 사각형 모서리를 사용하지 마세요 — UI는 일관되게 둥근 모서리를 사용하며, 종종 알약 형태의 반경에 도달합니다.
• 다크 모드나 무거운 배경을 사용하지 마세요 — 사이트는 주로 #f7f7f7 및 #ffffff와 같은 밝고 중립적인 배경을 특징으로 합니다.
• 공격적인 드롭 섀도우나 무거운 베벨을 사용하지 마세요 — 섀도우는 미세하며, 주로 카드를 배경에서 약간 띄우는 데 사용됩니다.
• 피하기: 장식적이거나 과도한 문체
• 피하기: 공격적이거나 과도한 영업 문구
• 피하기: 모호하거나 추상적인 주장

10

팩 안의 실제 스크린샷

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

11

System Prompt

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