← OpenDesign
큐레이션 · 오픈 · 무료
Schemasofuncertainty
텍스트 중심의 편집 디자인을 통해 이론적 개념을 탐구하는 학술 아카이브입니다.
Editorial Typography Monochrome Clean Curation
01
디자인 DNA
학술적 개념적 미술 이론 아카이브
이론적 미술 저널
02
컬러
#2C3829Ink
#FFFFFFBG
rgba(44,56,41,1)Line
최대 가독성과 학술적 집중을 위한 엄격한 단색
03
타이포그래피
transitional-serif · monospace
display 16px · 400body 10px · 400제목에는 Century Schoolbook을, 본문에는 Next Mono를 사용합니다. · 전체적으로 엄격히 400 weight를 유지합니다. · 줄 간격을 글꼴 크기의 1.3배로 엄격히 유지합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
엄격한 4px 기본 그리드
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 0px
1px solid #2C3829
06
레이아웃
1440 container
5 columns
768 breakpoints
가변 너비의 5열 비대칭 그리드
07
모션과 인터랙션
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
단순 opacity 전환
텍스트 색상 변경 · 기사로 이동
08
컴포넌트
button 밑줄이 있는 간단한 텍스트 링크 card 테두리로 분리된 수직 텍스트 블록 chip 대문자 텍스트 레이블 input 없음 hero 밀도 높은 텍스트 중심의 타이포그래피 헤더
09
보이스와 금지 목록
톤 학술적이고 이론적 헤드라인 세리프, 대문자, 굵은 개념적 제목 CTA 일반 텍스트 링크 산세리프 글꼴을 사용하지 마세요 — 스크린샷에 제목용 세리프와 본문용 고정폭 글꼴이 표시됩니다 그림자를 추가하지 마세요 — 스크린샷에 플랫하고 테두리 없는 디자인이 표시됩니다 밝은 강조 색상을 사용하지 마세요 — 스크린샷에 엄격한 단색 팔레트가 표시됩니다 border-radius를 추가하지 마세요 — 스크린샷에 날카로운 직사각형 모서리가 표시됩니다 큰 본문 글꼴 크기를 사용하지 마세요 — 스크린샷에 작은 10px 텍스트가 표시됩니다 장식 이미지를 추가하지 마세요 — 스크린샷에 순수 타이포그래피 레이아웃이 표시됩니다 피하기: 장난스러운 언어 피하기: 밝은 색상 피하기: 둥근 모서리 피하기: 시각적 일러스트레이션
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이 사이트는 불확실성과 같은 개념을 밀도 높은 텍스트 기반 레이아웃을 통해 탐구하는 이론적 학술 아카이브입니다. 어두운 녹색-검정(#2C3829) 잉크와 흰색(#FFFFFF) 배경으로 구성된 엄격한 단색 팔레트를 사용합니다. 타이포그래피는 제목용 Century Schoolbook(과도기 세리프)과 본문용 Next Mono(고정폭)를 결합합니다. 레이아웃은 좁은 간격의 다중 열 그리드입니다. 핵심 제약 조건: 산세리프 글꼴을 절대 사용하지 않고, 그림자를 절대 추가하지 않으며, 밝은 색상을 절대 사용하지 않고, border-radius를 절대 추가하지 않으며, 본문 텍스트를 작게(10px) 유지하고, 장식 이미지 없이 순수 타이포그래피 디자인을 유지합니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 학술 출판에서 극단적인 타이포그래피 미니멀리즘의 예로 포함할 가치가 있습니다.