큐레이션 · 오픈 · 무료

12 Berlinbiennale De

대담하고 높은 대비의 실험적 예술 전시 웹사이트입니다.

01

디자인 DNA

높은 대비의 실험적 예술 전시 카탈로그가 디지털로 구현된 형태입니다.

02

컬러

단일의 고채도 네온 마젠타 강조색으로 포인트를 준 높은 대비의 흑백 기반입니다.

03

타이포그래피

grotesque-sans · transitional-serif

• display80px · 400
• displaySm40px · 400
• body16px · 400

강렬한 전시 헤드라인에는 고트로스크 산세리프체를 사용합니다. · 본문과 작은 정보 텍스트에는 트랜지셔널 세리프체를 사용합니다.

04

여백

비대칭적이며, 넓은 네거티브 공간과 의도적인 오프그리드 배치를 활용합니다.

05

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

구조 요소와 카드에는 1px의 검정색 실선 테두리를 사용합니다.

없음

06

레이아웃

겹치는 요소, 대형 타이포그래피, 비대칭 그리드를 사용하는 동적인 콜라주 방식 레이아웃입니다.

07

모션과 인터랙션

hover 시 부드러운 스케일링과 움직임. · 미묘한 불투명도 전환.

상호작용 요소에 미묘한 스케일링 또는 색상 변화. · 즉각적인 시각적 피드백.

08

컴포넌트

• button 실선 배경과 강한 테두리의 알약 형태 버튼입니다.
• card 날카로운 모서리와 실선 배경, 명확한 테두리를 가진 카드입니다.
• chip 내비게이션과 필터를 위한 알약 형태 태그입니다.
• input 명확한 레이블을 가진 간단한 테두리 텍스트 입력란입니다.
• hero 겹치는 대형 숫자와 굵은 타이포그래피를 사용한 대형 텍스트 중심 히어로 섹션입니다.

09

보이스와 금지 목록

• 톤 예술적이고 권위적이며, 약간 자극적입니다.
• 헤드라인 대형, 굵으며, 종종 겹쳐 있어 역동적인 시각적 위계를 만듭니다.
• CTA 돋보이는 고대비 알약 형태 버튼.

• 미묘하거나 저채도의 강조색을 사용하지 마십시오 — 스크린샷에 생생한 네온 마젠타가 보입니다.
• 중앙 정렬, 대칭 레이아웃을 사용하지 마십시오 — 스크린샷에 비대칭적 콜라주 방식 배열이 보입니다.
• 지나치게 둥글거나 부드러운 UI 요소를 사용하지 마십시오 — 스크린샷에 날카로운 모서리와 알약 형태가 보입니다.
• 모든 곳에 하나의 폰트 패밀리를 사용하지 마십시오 — 스크린샷에 산세리프와 세리프체의 명확한 구분이 보입니다.
• 표준 웹 UI 패턴을 사용하지 마십시오 — 스크린샷에 매우 사용자 정의된 에디토리얼 레이아웃이 보입니다.
• 부드러운 그림자나 그라데이션을 사용하지 마십시오 — 스크린샷에 단색과 날카로운 경계가 보입니다.
• 피하기: 미묘하거나 저채도의 팔레트.
• 피하기: 기존의 중앙 정렬 그리드 레이아웃.
• 피하기: 장난스럽거나 지나치게 친근한 언어.

11

System Prompt

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