큐레이션 · 오픈 · 무료
Klim Type Foundry
거친 갤러리와 같은 인터페이스에서 그로테스크 및 세리프 패밀리를 전시하는 프리미엄 타이파운드리입니다.
type foundry editorial
01
디자인 DNA
타이파운드리 타이포그래피 프리미엄 정제된 모더니스트
타이포그래피 스페시멘을 위한 미니멀리스트 갤러리
02
컬러
#D33C03Accent
#FFFFFFInk
#8D8D8DInk soft
#1C1C1CBG
#D3D3D3BG soft
#F4F4F4BG quiet
#7F7F7FMuted
rgba(141, 141, 141, 1)Line
단일의 생동감 있는 버른오렌지 악센트를 가진 고대비 모노크롬.
03
타이포그래피
grotesque-sans · grotesque-mono
display 96px · 700body 16px · 400디스플레이 타입은 전시 중인 특정 폰트 스페시멘을 사용합니다 · UI 텍스트는 Söhne 폰트 패밀리를 사용합니다 · 깔끔하고 현대적인 그로테스크 미학을 엄격히 준수합니다
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
카드 블록 내에 넉넉한 패딩(수직 30px)으로 호흡 공간을 만듭니다
05
표면 (라운드 / 그림자 / 경계선)
sm · 2px
md · 2px
lg · 2px
pill · 999px
그리드 구조에서 요소를 구분하는 얇은 1px 테두리
06
레이아웃
1440 container
12 columns
16px gutter
768 / 1024 breakpoints
왼쪽 정렬된 디스플레이 타입과 오른쪽 정렬된 메타데이터를 가진 전폭 스택형 행
07
모션과 인터랙션
300ms micro
300ms small
300ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
UI 요소의 불투명도 및 가시성 전환
인터랙티브 요소에 대한 미묘한 불투명도 변화 또는 색상 변화 · 커서 포인터 상태로 즉시 반응
08
컴포넌트
button 배경이나 테두리 없이 미니멀한 텍스트 링크 card 단색 배경의 전폭 행으로, 큰 디스플레이 타입 스페시멘과 오른쪽 정렬된 변형 목록을 포함합니다 chip 단색 배경의 작은 직사각형 태그 (예: 주황색 'Die Grotesk' 태그) 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 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
Klim Type Foundry는 간결하고 갤러리와 같은 디자인 시스템을 사용하는 프리미엄 타이파운드리 사이트입니다. 주요 색상에는 딥 차콜(#1C1C1C), 라이트 그레이(#D3D3D3), 그리고 생동감 있는 버른오렌지 악센트(#D33C03)가 포함됩니다. 타이포그래피는 그로테크-산스 및 트랜지셔널-세리프 패밀리를 중심으로 하며, UI 텍스트에는 Söhne이 사용됩니다. 중요한 주의사항: 장식적 요소나 지저분한 인터레이스를 피하고, 복잡한 버튼 스타일링(단순한 텍스트 링크 사용)을 피하며, 단일 섹션 내에 여러 배경 색상을 피하고, 카드와 같은 요소에 둥근 모서리를 피합니다. 레이아웃은 전폭이며 미니멀리스트로, 타이프 스페시멘 자체를 우선시합니다.
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 프리미엄 타이포그래피 프레젠테이션의 마스터클래스로서, 극도의 미니멀리즘을 사용하여 타이프 스페시멘이 절대적인 초점이 되도록 합니다.