← OpenDesign
큐레이션 · 오픈 · 무료
Eindhovendesigndistrict
아인트호벤의 디자인 문화를 선보이는 굵고 타이포그래피 중심의 에디토리얼 플랫폼입니다.
Editorial Clean Bold Typography Studio Curation
01
디자인 DNA
디자인 지역 아인트호벤 건축 문화
기획된 도시 디자인 전시회
02
컬러
#FF0000Accent
#000000Ink
#FFFFFFBG
#E8E8E8BG soft
#BFBFBFMuted
rgba(0,0,0,1.0)Line
단일 강렬한 빨간색 포인트가 있는 고대비 무채색
03
타이포그래피
grotesque-sans
display 150px · 600display-sm 50px · 600body 19px · 400caption 16px · 400대형 디스플레이 크기에는 타이트한 네거티브 letter-spacing를 사용합니다 · 제목과 본문 간의 높은 웨이트 대비를 유지합니다 · 대형 타이포그래피가 시각적 위계를 지배하도록 허용합니다
04
여백
4px
8px
16px
20px
24px
32px
40px
50px
64px
96px
대형 타이포그래피 요소와 이미지 블록 주위에 넉넉한 여백을 둡니다
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 999px
인터랙티브 요소와 태그에만 엄격히 사용하는 미니멀한 1px 검정 테두리
관찰된 없음
06
레이아웃
1400 container
12 columns
24px gutter
768 / 1024 breakpoints
요소가 겹치고 동적인 그리드가 변하는 비대칭적, 텍스트 중심 레이아웃
07
모션과 인터랙션
100ms micro
250ms small
350ms medium
cubic-bezier(0.165, 0.84, 0.44, 1) easing
버튼과 인터랙티브 요소의 hover 상태 전환 · 드래그 가능한 요소에 대한 섬세한 transform 애니메이션
배경색 또는 색상 반전 · 표준 active 상태
08
컴포넌트
button 검정 텍스트 또는 검정 배경에 흰 텍스트를 사용하는 미니멀한 윤곽선 필 card 강한 타이포그래피 위계를 가지며 컨테이너 테두리가 없는 이미지 중심 콘텐츠 블록 chip 1px 검정 테두리가 있는 소문자 태그 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 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
도시 디자인 플랫폼을 위한 굵은 에디토리얼 디자인 시스템입니다. 아인트호벤의 디자인 문화에 대한 기획된 가이드로 포지셔닝합니다. 핵심 색상은 고대비를 위한 순수 검정(#000000)과 흰색(#FFFFFF)이며, 포인트 태그용 단일 강렬한 빨간색(#FF0000)과 부드러운 배경용 밝은 회색(#E8E8E8)이 사용됩니다. 타이포그래피는 전적으로 기즈크 세리프Sans-serif이며, 타이트한 트래킹과 명확한 위계를 갖춘 거대한 디스플레이 크기를 특징으로 합니다. 중요한 주의사항: 세리프 또는 장식적 타이포그래피를 사용하지 마세요; 모든 텍스트 요소를 중앙 정렬하지 마세요, 강한 왼쪽 정렬과 비대칭에 의존하세요; 드롭 섀도우나 무거운 그라디언트를 사용하지 마세요, 표면을 플랫하고 깔끔하게 유지하세요; 히어로 섹션에서 거대하고 지배적인 텍스트 크기를 사용하는 것을 두려워하지 마세요.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 거대한 스케그와 여백이 전통적인 장식 요소를 대체하는 타이포그래피 중심의 에디토리얼 디자인의 훌륭한 예시입니다.