큐레이션 · 오픈 · 무료

Artisansdidees

대조적인 검정 배경과 넓게 간격을 둔 대문자 제목을 가진 고대비 타이포그래피 에디토리얼 레이아웃입니다.

01

디자인 DNA

어두운 미니멀 미술 갤러리 카탈로그

02

컬러

극단적 고대비: 절대적인 검정 배경과 흰색 및 차분한 회색 타이포그래피입니다.

03

타이포그래피

grotesque-sans

• display82px · 100
• body14px · 400
• caption12px · 400

모든 텍스트는 대문자 사용 · 디스플레이와 본문 모두에 넓은 자간이 기본 · 큰 디스플레이 텍스트에는 초경량 웨이트 사용

04

여백

큰 패딩 블록과 넓은 자간으로 정의되는 넉넉한 수직 간격

05

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

흰색, 검정색 또는 어두운 회색 색상의 1px solid 테두리

06

레이아웃

큰 중앙 정렬 섹션을 가진 미니멀한 수직 스택

07

모션과 인터랙션

느린 2초 색상 전환 · 상호작용 시 transform 전환

상호작용 요소에서 커서가 포인터로 변경 · transform 전환을 트리거

08

컴포넌트

• button 상호작용 요소를 나타내는 커서 포인터
• card 최소화되거나 없음, 타이포그래피와 간격에 의존
• chip 최소화되거나 없음
• input 최소화되거나 없음
• hero 중앙에 위치하고 넓게 간격을 둔 초경량 대문자 타이포그래피가 있는 전체 화면 검정 캔버스

09

보이스와 금지 목록

• 톤 공식적, 미니멀, 프리미엄
• 헤드라인 초경량, 대문자, 넓은 간격
• CTA 절제된, 커서와 전환 단서에 의존

• 소문자 텍스트 사용 금지 — 스크린샷에서 모든 텍스트는 대문자
• 두꺼운 웨이트 사용 금지 — 스크린샷에서 초경량(100) 디스플레이 텍스트
• 좁은 자간 사용 금지 — 스크린샷에서 넓은 간격(3.6px)이 주요 특징
• 밝거나 채도 높은 색상 사용 금지 — 스크린샷에서 엄격한 단색 팔레트
• 순수 검정 이외의 배경색 사용 금지 — 스크린샷에서 단색 #000000 배경
• 장식 그래픽 사용 금지 — 스크린샷에서 텍스트와 최소 요소만
• 피하기: 장식 요소
• 피하기: 선명한 색상
• 피하기: 두꺼운 웨이트
• 피하기: 소문자 제목
• 피하기: 복잡한 레이아웃
• 피하기: 드롭 섀도우

10

팩 안의 실제 스크린샷

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

11

System Prompt

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