큐레이션 · 오픈 · 무료

V A C

문화 기관의 프로젝트 및 행사를 위한 미니멀 디지털 카탈로그입니다.

01

디자인 DNA

디지털 전시 카탈로그

02

컬러

흑백의 엄격한 단색 사용을 원칙으로 하며, 그레이스케일은 보조 요소나 플레이스홀더에만 사용합니다.

03

타이포그래피

geometric-sans · humanist-sans

• display34px · 400
• body20px · 400
• small16px · 400

타이틀은 일반 웨이트와 이탤릭체 보조 텍스트를 혼합하여 사용합니다 · 헤드라인은 컴팩트한 블록을 만들기 위해 타이트한 행간을 사용합니다 · 모든 타이포그래피는 웨이트 400을 사용합니다

04

여백

콘텐츠 블록 사이의 풍부한 수직 여백이 리드미컬한 에디토리얼 흐름을 만듭니다.

05

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

상단 내비게이션에 구조적으로 사용되는 1px solid black의 얇은 선이며, 경우에 따라 구분선으로도 사용됩니다.

06

레이아웃

항목이 다양한 수직 위치에 동적으로 배치되는 비대칭 그리드 레이아웃입니다.

07

모션과 인터랙션

hover 시 부드러운 색상 전환 · 인터랙티브 요소의 opacity 페이드

hover 시 텍스트 색상 또는 opacity가 미세하게 변경되어 인터랙티브성을 나타냅니다 · 이벤트 또는 프로젝트 상세 페이지로 직접 이동합니다

08

컴포넌트

• button 대각선 화살표 아이콘이 있는 플레인 텍스트 링크가 주요 인터랙티브 요소입니다
• card 타임스탬프가 위, 미디어가 중간, 제목이 아래에 위치하는 미디어 중심 이벤트 카드입니다
• hero 기관명을 레이아웃 전체에 걸쳐 배치한 강렬한 타이포그래피 히어로 섹션입니다

09

보이스와 금지 목록

• 톤 권위 있고 간결하며 기관적인
• 헤드라인 짧고 설명적인 제목, 이탤릭체 부제목이나 날짜가 동반되는 경우가 많습니다
• CTA 눈에 띄는 버튼 스타일 없이 미세한 텍스트 기반 링크

• 드롭 섀도우를 사용하지 마세요 — 스크린샷에는 깊이 효과가 전혀 없는 완전히 플랫한 디자인이 보입니다
• 컨테이너의 둥근 모서리를 사용하지 마세요 — 스크린샷에는 날카롭고 직사각형 요소들이 보입니다
• 화려한 악센트 컬러를 추가하지 마세요 — 스크린샷에는 엄격한 단색 디자인이 보입니다
• 여러 글꼴 웨이트를 사용하지 마세요 — 스크린샷에는 전체적으로 균일한 웨이트 400이 보입니다
• 카드에 두꺼운 테두리를 사용하지 마세요 — 스크린샷에는 테두리 없는 콘텐츠 블록이 보입니다
• 컬럼 내 텍스트를 중앙 정렬하지 마세요 — 스크린샷에는 왼쪽 정렬된 타이포그래피가 보입니다
• 피하기: 지나치게 과장된 프로모션 언어
• 피하기: 이모지나 장식 요소의 과도한 사용
• 피하기: 콘텐츠에서 주의를 산만하게 하는 복잡한 UI 패턴

10

팩 안의 실제 스크린샷

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

11

System Prompt

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