큐레이션 · 오픈 · 무료

Lilnasx Jeanpaulgaultier

에디토리얼 사진과 브루탈리스트 타이포그래피를 우선시하는 냉엄한 단색 럭셔리 전자상거래 경험.

01

디자인 DNA

뚜렷한 대비와 대담한 타이포그래피를 갖춘 하이패션 에디토리얼 룩북.

02

컬러

사진이 시각적 흥미를 결정하도록 하는 고대비 단색 팔레트.

03

타이포그래피

slab-serif · grotesque-sans · monospaced

• display30px · 400
• body16px · 400
• caption11px · 400

모든 주요 제목에 커스텀 디스플레이 폰트를 사용하여 아방가르드 브랜드 아이덴티티를 유지합니다. · 내비게이션 및 UI 라벨은 엄격한 대문자 grotesque-sans로 설정합니다. · 에디토리얼 미학에 맞추어 디스플레이 텍스트의 행간을 좁게 유지합니다.

04

여백

제품 전시의 엄격한 그리드 레이아웃을 존중하는 4px 기반의 타이트한 리듬.

05

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

그리드 및 입력 필드를 위한 1px 검정 실선.

0 0 5px 0 rgb(128, 128, 128)

06

레이아웃

제품을 위한 엄격한 2열 그리드로 분할된 엣지투엣지 사진.

07

모션과 인터랙션

모달 오버레이를 위한 부드러운 페이드 인. · 인터랙티브 요소를 위한 미묘한 트랜스폼 전환.

대부분의 요소에서 미니멀한 시각적 피드백을 제공하는 표준 포인터 커서. · 양식 입력 필드의 즉각적인 상태 변경.

08

컴포넌트

• button 가운데 정렬된 흰색 대문자 텍스트가 포함된 전체 너비의 검정색 사각형.
• card 텍스트와 가격이 하단에 맞춰진 테두리 없는 이미지 카드.
• chip 해당 없음
• input 1px 검정 테두리와 왼쪽 정렬 대문자 라벨을 갖춘 미니멀리스트 필드.
• hero 풀블리드 에디토리얼 사진을 특징으로 하는 극적인 50/50 분할 화면.

09

보이스와 금지 목록

• 톤 단호하고, 아방가르드하며, 엄격히 전문적.
• 헤드라인 짧고 임팩트 있는 전체 대문자 문구 또는 최소화된 제품명.
• CTA '확인' 또는 '로그인'과 같은 직접적인 전체 대문자 명령문.

• 둥근 모서리를 사용하지 마세요. 디자인은 날카롭고 브루탈리스트한 직사각형 가장자리에 의존합니다.
• 카드에 드롭 섀도우를 추가하지 마세요. 레이아웃은 플랫하고 테두리 없는 그리드 시스템을 사용합니다.
• 다색 그래디언트를 사용하지 마세요. 팔레트는 고대비를 갖춘 엄격한 단색입니다.
• 내비게이션에 소문자를 사용하지 마세요. 디자인은 모든 UI 라벨에 대문자를 엄격히 적용합니다.
• 버튼 주변에 장식 요소를 추가하지 마세요. 인터페이스는 단색 검정 블록에 의존합니다.
• 본문 텍스트를 가운데 정렬하지 마세요. 가독성을 위해 왼쪽 정렬 타이포그래피를 사용합니다.
• 피하기: 장난스러운 언어
• 피하기: 소프트 그래디언트
• 피하기: 친근한 느낌표

10

팩 안의 실제 스크린샷

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

11

System Prompt

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