큐레이션 · 오픈 · 무료

Artindumbo

지역 예술 공간을 발견하기 위한 미니멀 에디토리얼 포털.

01

디자인 DNA

큐레이션된 동네 예술 가이드.

02

컬러

부드러운 파스텔 배경과 선명한 블랙 타이포그래피를 사용하는 고대비 에디토리얼 팔레트.

03

타이포그래피

geometric-sans · transitional-serif

• display80px · 700
• heading36px · 700
• body16px · 400

굵은 디스플레이 헤드라인에는 기하학적 sans-serif를 사용하고, 자간을 타이트하게 조정합니다. · 본문 텍스트에는 가독성과 고전적인 에디토리얼 느낌을 유지하기 위해 전환체 serif를 사용합니다. · 본문 텍스트의 행간은 넉넉하게(1.5 이상) 유지합니다.

04

여백

각기 다른 콘텐츠 블록을 구분하기 위한 넉넉한 수직 간격(40px-60px).

05

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

상자 및 강조를 정의하기 위한 2px solid #000000.

0px 4px 12px rgba(0,0,0,0.1)

06

레이아웃

대형 풀폭 사진 영역과 적층된 타이포그래피 블록을 가진 중앙 정렬 콘텐츠.

07

모션과 인터랙션

로드 시 페이드인 트랜지션

인터랙티브 요소에 미묘한 스케일 또는 불투명도 변화. · 최소한의 시각적 피드백으로 즉각적인 응답.

08

컴포넌트

• button 흰색 배경, 블랙 텍스트, 그리고 컬러 상태 도트가 있는 둥근 알약 형태.
• card 보이지 않는 테두리가 있는 풀블리드 사진 카드.
• hero 굵고 상자형 타이포그래피가 오버레이된 대형 풀 뷰포트 사진.

09

보이스와 금지 목록

• 톤 직설적이고 정보 지향적이며 미니멀.
• 헤드라인 최대한의 임팩트를 위해 굵게, 상자형으로, 대문자 사용.
• CTA 친근하고 명확하며, 종종 도트와 같은 보조 시각적 표시기가 포함.

• 섬세하거나 얇은 타이포그래피를 사용하지 마세요 — 스크린샷은 굵고 진한 sans-serif 헤드라인을 보여줍니다.
• 복잡한 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카로운 가장자리의 엄격한 직사각형 디자인 언어를 보여줍니다.
• 미묘한 배경 색조를 사용하지 마세요 — 스크린샷은 강하고 뚜렷한 파스텔 블루 배경을 보여줍니다.
• 다채로운, 멀티컬러 버튼을 사용하지 마세요 — 스크린샷은 단일 컬러 도트가 있는 깔끔한 흰색 알약 버튼을 보여줍니다.
• 강조를 위해 텍스트에만 의존하지 마세요 — 스크린샷은 핵심 단어를 프레임하는 굵은 블랙 보더를 사용합니다.
• 다크 모드 미학을 사용하지 마세요 — 스크린샷은 밝고 하이키의 라이트 테마 인터페이스를 보여줍니다.
• 피하기: 정교하거나 화려한 언어
• 피하기: 복잡한 다단계 내비게이션
• 피하기: 혼잡한 레이아웃
• 피하기: 그라디언트 또는 그림자의 과도한 사용
• 피하기: 화려하거나 네온 악센트 컬러
• 피하기: 여유 공간이 없는 밀집된 텍스트 블록

10

팩 안의 실제 스크린샷

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

11

System Prompt

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