← OpenDesign
精选 · 开放 · 免费
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展示字体使用当前展示的特定字体样张 · 界面文字使用Söhne字体家族 · 严格遵循干净、现代的怪诞体美学
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
卡片区块内提供充裕的内边距(垂直30px),创造呼吸空间
05
表面 (圆角 / 阴影 / 边线)
sm · 2px
md · 2px
lg · 2px
pill · 999px
网格结构中分隔元素的1像素细边框
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
界面元素的透明度与可见性过渡
交互元素上细微的透明度变化或色彩偏移 · 光标变为指针状态时立即响应
08
组件
button 无背景、无边框的简洁文字链接 card 全宽行,采用纯色背景,内含大型字体展示样张与右对齐的变体列表 chip 带纯色背景的小矩形标签(例如焦橙色的‘Die Grotesk’标签) input 搜索与筛选功能巧妙融合 hero 全视口沉浸式图像或字体样张,搭配最小化的叠加文字
09
文案语气与禁用清单
语气 权威、精致、极简 标题风格 加粗、字距紧凑的展示字体,凸显特定字体家族 按钮文案 无按钮或视觉强调的简单文字链接 勿使用装饰性边框——截图显示为干净、极简的分隔 勿使用复杂的按钮样式——截图显示为简单的文字‘购买’链接 勿在单个板块内使用多种背景色——截图显示为纯色、单色行 勿在卡片上使用圆角——截图显示为锐利的矩形几何形状 勿使用投影营造深度感——截图显示为基于平面的层级关系 勿使用渐变背景——截图显示为纯色填充 避免: 装饰性元素 避免: 表情符号 避免: 非正式语言 避免: 杂乱的界面
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)。字体排印以怪诞无衬线体与过渡衬线体系列为核心,界面文字使用Söhne。关键禁忌:避免装饰性元素或杂乱界面,避免复杂按钮样式(使用简单文字链接),避免在单个板块内使用多种背景色,避免在卡片类元素上使用圆角。布局为全宽极简风格,优先展示字体样张本身。
更多精选
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
为什么收录: 本站是高端字体呈现的典范,运用极致极简主义,确保字体样张成为绝对视觉焦点。