큐레이션 · 오픈 · 무료

Louisiana

타이포그래피와 여백을 강조하는 세련되고 차분한 박물관 웹사이트.

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

원본 사이트: https://louisiana.dk

📦 팩 내용 보기 →

01

디자인 DNA

박물관예술문화 기관갤러리전시회

고요하고 현대적인 미술관 입구

02

컬러

#000000Ink
#FFFFFFBG
#B0E0E9BG soft
#226D7AMuted
rgba(0,0,0,1.0)Line

콘텐츠를 위해 날카롭고 고대비의 흑백을 사용하고, 차분하고 물 같은 시안색으로 악센트를 줍니다.

03

타이포그래피

transitional-serif · humanist-sans

제목은 고전적이고 권위 있는 느낌을 주기 위해 두꺼운 전환체 세리프를 사용합니다. · 본문 및 UI 텍스트는 깨끗하고 인간주의적인 느낌을 주기 위해 Open Sans를 사용합니다.

04

여백

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

상단과 하단에 큰 패딩을 사용하여 차분하고 집중적인 느낌을 주는 넉넉한 수직 리듬을 적용합니다.

05

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

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

메인 콘텐츠 영역에는 눈에 띄는 테두리가 없으며, 평면적이고 깨끗한 미학을 유지합니다.

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

넉넉한 컨테이너 내 중앙 정렬된 콘텐츠 열이, 전체 폭의 색상 블록으로 자연스럽게 전환됩니다.

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

인터랙티브 요소의 hover 상태에 대한 트랜지션.

인터랙티브 요소의 미묘한 상태 변화. · 표준 내비게이션 및 콘텐츠 섹션 확장.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

고전적인 타이포그래피와 깨끗하고 현대적인 레이아웃의 균형을 이루는 세련된 편집 스타일의 박물관 웹사이트 디자인입니다. 팔레트는 콘텐츠를 위해 엄격히 흑백이며, 시그니처 둔탁한 시안색(#226D7A)은 악센트나 배경으로 절제되게 사용됩니다. 타이포그래피는 인상적인 제목을 위한 두꺼운 전환체 세리프와 깨끗한 본문 텍스트를 위한 인간주의 산세리프의 혼합입니다. 레이아웃은 거대한 여백과 중앙 정렬된 콘텐츠 열을 우선시하여 차분하고 집중적인 독서 경험을 만듭니다. 밝고 채도 높은 색상, 둥근 모서리, drop shadow를 도입하지 마세요. 인터페이스를 혼잡하게 하지 마세요. 제목은 두껍고 권위 있게 유지하세요.

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

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

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

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