← OpenDesign
큐레이션 · 오픈 · 무료
Palazzomonti
풍부한 여백과 고전적 타이포그래피를 강조하는 문화 센터를 위한 세련되고 미니멀한 에디토리얼 레이아웃입니다.
Editorial Premium Curation Clean Calm
01
디자인 DNA
문화 센터 레지던시 예술 건축 미니멀
세련되고 절제된 미학을 지닌 현대 미술관 웹사이트입니다.
02
컬러
#226D7AAccent
#000000Ink
#FFFFFFBG
#B0E0E9BG soft
rgba(0,0,0,1)Line
단일 차분한 틸(틸) 악센트를 사용한 고대비 단색 기반입니다.
03
타이포그래피
transitional-serif
display 36px · 400body 20px · 400label 16px · 700디스플레이 및 본문 모두 전이체 세리프를 사용합니다. · 가독성을 위해 넉넉한 행간을 유지합니다. · 라벨을 제외하고는 볼드체를 사용하지 않습니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
상단과 하단에 넓은 padding을 적용한 넉넉한 수직 간격
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 0px
pill · 999px
1px solid #000000
06
레이아웃
1200 container
12 columns
24px gutter
768 / 1024 breakpoints
비대칭 열을 사용한 풀폭 분할 레이아웃
07
모션과 인터랙션
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
모든 요소에 전환 효과가 적용되어 있습니다
미세한 색상 전환 · 눈에 띄는 클릭 상태 없음
08
컴포넌트
button 대문자 텍스트가 포함된 알약 모양 윤곽선 버튼입니다. card 카드 컴포넌트가 보이지 않습니다. chip 칩 컴포넌트가 보이지 않습니다. input 입력 컴포넌트가 보이지 않습니다. hero 고대비 타이포그래피를 사용한 미니멀한 텍스트 기반 히어로입니다.
09
보이스와 금지 목록
톤 격식 있고 설명적이며 절제된 어조 헤드라인 세리프 폰트를 사용한 짧고 단정적인 문장 CTA 대문자, 알약 모양 윤곽선 버튼 산세리프 폰트를 사용하지 마세요 — 스크린샷에서 전이체 세리프 타이포그래피가 보입니다. 밝고 채도 높은 색상을 사용하지 마세요 — 스크린샷에서 차분한 틸(틸) 악센트(#226D7A)가 보입니다. 둥근 모서리를 사용하지 마세요 — 스크린샷에서 버튼의 날카로운 모서리가 보입니다. 그림자 효과를 사용하지 마세요 — 스크린샷에서 평평한 표면이 보입니다. 다크 모드를 사용하지 마세요 — 스크린샷에서 밝은 흰색 배경이 보입니다. 복잡한 레이아웃을 사용하지 마세요 — 스크린샷에서 넉넉한 단일 열 텍스트 흐름이 보입니다. 피하기: 장난스러운 어조 피하기: 과도한 구두점 피하기: 시각적 혼잡
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
포지셔닝: 문화 센터를 위한 세련되고 미니멀한 에디토리얼 웹사이트입니다. 주요 색상: #FFFFFF 배경, #000000 잉크, #226D7A 악센트. 폰트 카테고리: 디스플레이 및 본문 모두 전이체 세리프. 핵심 금지 사항: 산세리프 폰트 사용 금지, 밝고 채도 높은 색상 사용 금지, 그림자 효과 사용 금지. 이 디자인은 풍부한 여백과 고전적 타이포그래피를 활용하여 평화로움과 문화적 권위를 전달합니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 타이포그래피와 여백에 기반하여 세련되고 미니멀한 에디토리얼 디자인을 보여주는 훌륭한 예시입니다.