큐레이션 · 오픈 · 무료

Ino Jewelry

조각적이고 맥시멀리스트한 사진과 날카롭고 고대비 레이아웃을 사용하여 제품을 예술 작품으로 포지셔닝하는 프리미엄 주얼리 브랜드입니다.

01

디자인 DNA

조각 가능한 조각품을 전시하는 미술관과 같습니다. 여기서 주얼리는 전통적인 액세서리가 아닌 현대 예술 작품으로 취급됩니다.

02

컬러

고대비의 엄격한 단색으로, 완전히 흰색 타이포그래피가 검은색 배경 위에 놓이거나 검은색 텍스트가 흰색 제품 그리드 위에 놓여 날카롭고 편집적인 느낌을 만듭니다.

03

타이포그래피

geometric-sans

• display24px · 400
• body16px · 400
• caption11px · 400

모든 텍스트는 넓은 기하학적 산세리프체로 설정됩니다. · 헤드라인과 라벨에 대문자를 자주 사용합니다. · 紧凑한 텍스트 블록을 위해 매우 촘촘한 행간(leading)을 표준화합니다.

04

여백

텍스트와 이미지 주위에 촘촘하고 의도적인 간격을 둔 격자 기반

05

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

내비게이션 구분선에는 얇은 1px 검은색 실선을 사용하며, 그 외에는 이미지 대비에 의존하여 테두리를 사용하지 않습니다.

06

레이아웃

풀블리드 히어로 이미지 뒤에 이어지는 날카롭고 비대칭적인 2열 제품 그리드

07

모션과 인터랙션

fade-in · 불투명도 전환

클릭 가능한 요소의 단순한 불투명도 전환 · 표준 포인터 커서 변경

08

컴포넌트

• button hover 시 단일 언더라인이 있는 간단한 대문자 텍스트 링크
• card 텍스트 라벨이 이미지 컨테이너 바깥에 위치한 이미지 전용 카드
• hero 중앙에 정렬된 흰색 타이포그래피와 그래픽 로고 요소가 있는 풀스크린 풀블리드 사진 배경

09

보이스와 금지 목록

• 톤 미니멀하고 자신감 넘치는, 아방가르드한
• 헤드라인 'MORE IS MORE'와 같이 짧고 강렬한 대문자 문구
• CTA 직설적이고, 대문자이며, hover 시 언더라인

• 따뜻한 색상을 사용하지 마세요 — 스크린샷은 검은색, 흰색, 회색 배경과 텍스트만 사용한 엄격한 단색을 보여줍니다.
• 내비게이션이나 헤드라인에 소문자를 사용하지 마세요 — 스크린샷은 'SHOP', 'ABOUT', 'MORE IS MORE'에 모두 대문자를 사용합니다.
• 드롭 섀도우나 복잡한 UI 스타일링을 추가하지 마세요 — 스크린샷은 플랫 타이포그래피와 간단한 1px 테두리를 보여줍니다.
• 카드나 버튼에 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카로운 모서리와 특정 아이콘에만 표준 필 형태를 보여줍니다.
• 장식적이거나 손글씨 폰트를 사용하지 마세요 — 스크린샷은 넓은 기하학적 산세리프체만 사용합니다.
• 레이아웃을 여러 요소로 복잡하게 만들지 마세요 — 스크린샷은 거대한 여백과 하나의 큰 이미지에 집중하는 것을 보여줍니다.
• 피하기: 지나치게 묘사적이거나 흐릿한 문구를 피합니다.
• 피하기: 따뜻한 색상이나 장난스러운 요소를 피합니다.
• 피하기: 복잡한 문장 구조를 피합니다.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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