← OpenDesign
큐레이션 · 오픈 · 무료
OH no Type Co
대담하고 실험적인 타이포그래피와 그래픽 디자인을 선보이는 표현적인 타이포 파운드리.
type foundry
01
디자인 DNA
타이포 파운드리 표현적 대담한 그래픽 실험적
실험적 타이포그래피와 그래픽 디자인의 크고 자신감 넘치는 갤러리.
02
컬러
#000000Ink
#ffffffBG
#999999Muted
rgba(0, 0, 0, 0.1)Line
시각적 재미를 위해 대담한 타이포그래피와 그래픽 요소에 의존하는, 엄격하고 고대비의 단색 팔레트입니다.
03
타이포그래피
geometric-sans · monospace
display 48px · 400body 16px · 400caption 12px · 400
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
엄격한 수직 리듬보다는 그래픽 요소의 스케일에 의해 결정되는 유연한 리듬입니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 0px
없음. 구분을 위해 타이포그래피와 단색 블록에 의존합니다.
06
레이아웃
1280 container
12 columns
32px gutter
768 / 1024 breakpoints
크고 표현적으로 배치된 그래픽 블록과 텍스트 요소를 가진 비대칭 그리드입니다.
07
모션과 인터랙션
250ms micro
400ms small
800ms medium
linear easing
인터랙티브 요소를 위한 불투명도 전환 · 캐러셀 요소를 위한 수평 슬라이딩
인터랙티브 요소에서 포인터 커서 변경. · 즉각적인 상태 변화.
08
컴포넌트
button 화살표 표시 또는 밑줄이 있는 텍스트 링크. card 텍스트와 그래픽 요소를 포함하는 단색 블록 (주로 블랙). chip 관찰되지 않음. input 관찰되지 않음. hero 겹치는 요소들이 있는 크고 표현적인 타이포그래피 구성.
09
보이스와 금지 목록
톤 자신감 있고 표현적이며 약간 반항적인. 헤드라인 크고 굵으며 종종 실험적인 타이포그래피. CTA 화살표나 밑줄이 있는 단순한 텍스트 링크. 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카롭고 직사각형 형태를 보여줍니다. 드롭 그림자를 사용하지 마세요 — 스크린샷은 단색 블랙과 화이트 블록에 의존합니다. 화려한 팔레트를 사용하지 마세요 — 스크린샷은 엄격히 단색입니다 (블랙, 화이트, 그레이). 얇고 섬세한 타이포그래피를 사용하지 마세요 — 스크린샷은 묵직하고 굵은 서체를 특징으로 합니다. 복잡한 그라디언트를 사용하지 마세요 — 스크린샷은 평면적이고 단색을 사용합니다. 작고 소심한 헤드라인을 사용하지 마세요 — 스크린샷은 크고 표현적인 타이포그래피를 특징으로 합니다. 피하기: 미세하거나 은은한 타이포그래피 피하기: 화려한 팔레트 피하기: 둥근 모서리 또는 부드러운 그림자 피하기: 작고 소심한 헤드라인
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(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
실험적 타이포그래피와 그래픽 디자인을 특징으로 하는 대담하고 표현적인 타이포 파운드리 웹사이트입니다. 디자인은 엄격하고 고대비의 단색 팔레트 (블랙 #000000, 화이트 #ffffff, 그레이 #999999)와 기하학적 산세리프 타이포그래피에 의존합니다. 큰 그래픽 블록과 텍스트 요소가 겹치는 비대칭 그리드를 사용합니다. 중요 금지 사항: 둥근 모서리나 드롭 그림자를 절대 사용하지 마세요, 화려한 팔레트를 절대 사용하지 마세요, 그리고 작고 소심한 헤드라인을 절대 사용하지 마세요. 디자인은 타이포그래피 자체의 스케일과 웨이트에 의해 주도됩니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 표현적인 타이포그래피의 교과서로, 색상이나 복잡한 UI 패턴 없이도 굵은 타이포와 엄격한 단색이 강력하고 기억에 남는 디자인을 만들어낼 수 있음을 보여줍니다.