← OpenDesign
큐레이션 · 오픈 · 무료
Exhibition Magazine
패션과 아트를 위한 미니멀하고 사진 중심의 에디토리얼 플랫폼.
Editorial Photographic Typography Curation Gallery
01
디자인 DNA
에디토리얼 패션 하이엔드 큐레이션된 미니멀리스트
하이엔드 인쇄 매거진을 연상시키는 디지털 패션 전시 공간.
02
컬러
#000000Ink
#A8A8A8BG
#999999Muted
rgba(0,0,0,0.1)Line
고대비의 흑백 조합에 중립적인 그레이 배경을 사용하여 사진이 주도적 역할을 하도록 합니다.
03
타이포그래피
condensed-grotesque-sans · transitional-serif
display 90px · 500heading 36px · 500body 16px · 400
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
수직 간격은 대형 이미지 블록과 넉넉한 패딩에 의해 결정됩니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 0px
뉴스레터 입력 필드의 얇은 1px 테두리를 제외하면 최소화 또는 적용하지 않습니다.
06
레이아웃
1280 container
4 columns
24px gutter
768 / 1024 breakpoints
지속적인 상단 내비게이션 바를 가진 전체 너비의 사진 중심 레이아웃.
07
모션과 인터랙션
220ms micro
400ms small
800ms medium
cubic-bezier(0.19, 1, 0.22, 1) easing
콘텐츠 전환 및 히어로 슬라이드를 위한 느리고 우아한 페이드 효과.
내비게이션 링크에 미묘한 불투명도 또는 색상 변화. · 페이지 내비게이션이나 모달 열기/닫기를 트리거합니다.
08
컴포넌트
button 미니멀하고 대문자화되어 있으며, 텍스트만 있거나 흰 글씨와 단순한 검은색 배경으로 구성됩니다. card 대형 이미지 위에 굵은 세리프 제목과 작은 설명이 수직으로 쌓인 단순한 구조. input 얇은 검은색 테두리와 중앙 정렬된 플레이스홀더 텍스트를 가진 단일 행 텍스트 필드. hero 전체 너비를 차지하며 가장자리까지 이어지는 사진 히어로 영역으로, 반투명한 대형 머리기사 텍스트가 겹쳐져 있습니다.
09
보이스와 금지 목록
톤 권위 있고, 세련되며, 절제된 느낌. 헤드라인 굵고, 대문자화되어 있으며, 보통 콘덴스드 산세리프체 사용. CTA 미니멀하고 직접적이며, 보통 굵고 단순한 상자 안의 단어 하나로 구성. 장식적인 그림자를 사용하지 마세요 — 스크린샷은 드롭 섀도우 없이 깔끔하고 평면적인 이미지 블록을 보여줍니다. 둥근 모서리를 사용하지 마세요 — 스크린샷은 모든 카드와 버튼에서 예리한 90도 모서리를 보여줍니다. 화려한 액센트 컬러를 사용하지 마세요 — 스크린샷은 엄격한 흑백 및 중립적인 그레이 팔레트를 보여줍니다. 장난기 있거나 둥근 타이포그래피를 사용하지 마세요 — 스크린샷은 예리하고 고대비의 세리프체 및 콘덴스드 산세리프체를 보여줍니다. 레이아웃을 많은 UI 요소로 복잡하게 만들지 마세요 — 스크린샷은 대형 사진이 주도하는 미니멀한 인터페이스를 보여줍니다. 복잡한 그라데이션을 사용하지 마세요 — 스크린샷은 단색 중립 배경색과 선명한 사진 이미지를 보여줍니다. 피하기: 화려한 애니메이션 피하기: 장식적인 테두리 피하기: 여러 액센트 컬러
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
Exhibition Magazine은 패션, 아트, 문화를 위한 하이엔드 디지털 에디토리얼 플랫폼입니다. 디자인은 엄격히 미니멀하고 사진 중심적이며, 고품질 사진이 주도적 역할을 하도록 중립적인 그레이 배경을 사용합니다. 타이포그래피는 굵고 콘덴스드된 산세리프 헤드라인과 우아한 트랜지셔널 세리프 본문 텍스트의 선명한 대비를 특징으로 합니다. 주요 헥스 컬러는 #000000 (잉크)와 #A8A8A8 (배경)입니다. 레이아웃은 최소한의 UI 간섭으로 깔끔한 전체 너비 그리드입니다. 핵심 제약 조건: 둥근 모서리나 장식적인 그림자를 절대 추가하지 마세요; 여러 액센트 컬러를 사용하지 마세요; 세련된 하이패션 미학을 유지하기 위해 장난기 있거나 장식적인 폰트를 피하세요.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 극도의 절제와 고품질 타이포그래피가如何하게 프리미엄 느낌의 하이패션 에디토리얼 감성을 만들어낼 수 있는 훌륭한 예시입니다.