큐레이션 · 오픈 · 무료

Guggenheim

세계적 수준의 예술 박물관을 위한 세련된 기관형 디자인 시스템.

museumart
Guggenheim 스크린샷
↓ 디자인 시스템 다운로드 (57 MB)OpenDesign 에서 열기

원본 사이트: https://www.guggenheim.org

📦 팩 내용 보기 →

01

디자인 DNA

박물관예술현대적기관형세련된

브루탈리즘 건물 내의 큐레이션된 갤러리 벽.

02

컬러

#171717Ink
#393939Ink soft
#ffffffBG
#999999Muted
rgba(23,23,23,0.2)Line

예술에 최대한 집중하기 위한 고대비 단색.

03

타이포그래피

grotesque-sans

주요 내비게이션과 브랜드 요소에는 대문자를 사용합니다. · 대형 디스플레이 텍스트에는 넓은 letter-spacing을 사용합니다. · 먹색과 배경 사이의 높은 대비를 유지합니다.

04

여백

4px
8px
16px
24px
32px
48px
64px
96px

일관된 32px/40px 거터를 갖춘 4px 그리드.

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

1px solid #171717

06

레이아웃

1280container
12columns
32pxgutter
768 / 1024breakpoints

풀폭 미디어 히어로 뒤에 넓은 콘텐츠 그리드가 오는 구조.

07

모션과 인터랙션

100msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

로드 시 히어로 콘텐츠에 대한 fade-in. · 비디오 오버레이를 위한 부드러운 opacity 전환.

텍스트 색상 변경 또는 underline. · 대상 섹션으로의 즉각적인 내비게이션.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

Guggenheim — 桌面首屏（hero）
桌面首屏（hero）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Guggenheim — 移动首屏
移动首屏

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

11

System Prompt

이것은 세계적 수준의 예술 박물관을 위한 세련된 기관형 디자인 시스템입니다. 시각적 아이덴티티는 먹색에 #171717, 배경에 #ffffff, 보조 먹색에 #393939를 사용하는 고대비 단색 팔레트를 기반으로 구축되었습니다. 타이포그래피는 디스플레이 요소에 넓은 트래킹을 적용한 커스텀 grotesque-sans 카테고리와 명확하고 기능적인 본문 텍스트를 사용합니다. 레이아웃은 32px 거터와 1280px 컨테이너를 갖춘 그리드 기반으로, 대규모 이미지를 우선시합니다. 중요한 주의사항은 다음과 같습니다: 밝은 포인트 색상을 사용하지 마세요; 둥근 모서리를 사용하지 마세요; drop shadow를 사용하지 마세요. 어조는 권위 있고 교양 있으며, 명확한 call to action과 대문자 내비게이션에 초점을 맞춥니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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