← OpenDesign 큐레이션 · 오픈 · 무료
Minimalcollective Digital
아트-테크 교차점을 위한 정제된 갤러리 스타일 플랫폼입니다.
Editorial Bold Typography Studio Experimental Clean
01
디자인 DNA
큐레이션적 교차적 아트-테크 미니멀
음악, 예술, 기술을 잇는 디지털 갤러리 플랫폼입니다.
02
컬러
#000000Ink
#5A5A5AInk soft
#3A3A3ABG
rgba(0,0,0,0.6)Line
중간 그레이 톤이 포함된 고대비 단색 팔레트입니다.
03
타이포그래피
humanist-sans
display 49px · 400heading 31px · 400body 18px · 400caption 13px · 400큰 제목에는 좁은 음의 자간을 사용합니다. · 텍스트는 주로 그레이 배경에 블랙으로 표시됩니다. · 태그와 레이블에는 자주 대문자를 사용합니다.
04
여백
4px
9px
13px
18px
27px
36px
54px
72px
일관된 증가폭을 가진 4.5px 기본 단위입니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 12px
pill · 999px
구조를 위해 1px solid 블랙 또는 1px solid rgba(0,0,0,0.6)를 사용합니다.
없음
06
레이아웃
1440 container
12 columns
24px gutter
768 / 1024 breakpoints
메이슨리 스타일 비대칭 격자입니다.
07
모션과 인터랙션
200ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.46, 0.45, 0.94) easing
부드러운 0.2초의 opacity 및 background-color 트랜지션.
미묘한 색상 변화 또는 opacity 변화. · 미세 트랜지션을 동반한 즉각적인 응답.
08
컴포넌트
button 대문자 텍스트가 포함된 미니멀한 외곽선 버튼입니다. card 이미지와 태그가 포함된 격자 기반의 에디토리얼 카드입니다. chip 작은 알약 모양의 외곽선 태그입니다. input 하단 테두리가 있는 미니멀한 텍스트 입력 필드입니다. hero 3D 회전 객체 위에 배치된 전체 너비 중앙 정렬 헤드라인입니다. 09
보이스와 금지 목록
톤 전문적이면서도 세련된 어조입니다. 헤드라인 크고 중앙 정렬된, 소문자 또는 혼합 대소문자 스타일입니다. CTA 절제된, 종종 외곽선 스타일 또는 단순 텍스트 링크입니다. 밝은 강조 색상을 사용하지 마세요 — 스크린샷은 단색 팔레트를 보여줍니다. 굵은 글꼴 굵기를 사용하지 마세요 — 스크린샷은 굵기 400만 보여줍니다. 주요 요소에 둥근 모서리를 사용하지 마세요 — 스크린샷은 대부분 예리하거나 4.5px 반경을 보여줍니다. 모든 텍스트를 중앙 정렬하지 마세요 — 스크린샷은 왼쪽 정렬된 탐색 및 태그를 보여줍니다. 드롭 섀도우를 사용하지 마세요 — 스크린샷은 완전히 평면적인 표면을 보여줍니다. 장식적인 세리프 서체를 사용하지 마세요 — 스크린샷은 깔끔한 휴머니스트 산세리프 타이포그래피를 보여줍니다. 피하기: 밝고 채도 높은 색상. 피하기: 장식적이거나 스크립트 서체. 피하기: 밀도 높고 단락 중심의 레이아웃. 10
팩 안의 실제 스크린샷
桌面首屏（hero） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이것은 아트-테크 콜렉티브를 위한 정제된 에디토리얼 플랫폼입니다. 디자인 DNA는 미디엄 그레이(#3A3A3A) 배경, 잉크 블랙(#000000), 그리고 미묘한 그레이 강조(#5A5A5A)가 특징인 단색 팔레트를 특징으로 합니다. 타이포그래피는 400 글꼴 굵기를 가진 휴머니스트 산세리프를 엄격히 사용하며, 크고 표현적인 제목에는 좁은 음의 자간을 활용합니다. 레이아웃은 최소한의 1px 테두리가 있는 깔끔한 비대칭 메이슨리 격자입니다. 중요 금지 사항: 밝고 채도 높은 강조 색상을 절대 사용하지 마세요; 굵거나 이탤릭체 글꼴 굵기를 절대 사용하지 마세요; 그리고 무거운 드롭 섀도우나 복잡한 그라데이션을 절대 사용하지 마세요.
더 보기 en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 장식보다 타이포그래피와 레이아웃을 우선시하는 절제된 고급 에디토리얼 디자인의 완벽한 예시입니다.
