OpenDesign·你的设计资产库

网页参考

Klim Type Foundry

高端字体铸造厂，在如画廊般简约的界面中展示怪诞体与衬线体系列。

TypographyFoundryEditorial

封面待补录，可通过原站查看设计。

01

设计气质 DNA

字体铸造厂字体排印高端精致现代主义

字体样张的极简画廊

02

色彩

#D33C03Accent
#FFFFFFInk
#8D8D8DInk soft
#1C1C1CBG
#D3D3D3BG soft
#F4F4F4BG quiet
#7F7F7FMuted
rgba(141, 141, 141, 1)Line

高对比度单色调，搭配单一鲜艳的焦橙强调色。

03

字体

grotesque-sans · grotesque-mono

  • display96px · 700
  • body16px · 400

展示字体使用当前展示的特定字体样张 · 界面文字使用Söhne字体家族 · 严格遵循干净、现代的怪诞体美学

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

卡片区块内提供充裕的内边距（垂直30px），创造呼吸空间

05

表面 (圆角 / 阴影 / 边线)

sm · 2px
md · 2px
lg · 2px
pill · 999px

网格结构中分隔元素的1像素细边框

06

布局

1440container
12columns
16pxgutter
768 / 1024breakpoints

全宽堆叠行，左侧对齐展示字体，右侧对齐元数据

07

动效与交互

300msmicro
300mssmall
300msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

界面元素的透明度与可见性过渡

交互元素上细微的透明度变化或色彩偏移 · 光标变为指针状态时立即响应

08

组件

  • button 无背景、无边框的简洁文字链接
  • card 全宽行，采用纯色背景，内含大型字体展示样张与右对齐的变体列表
  • chip 带纯色背景的小矩形标签（例如焦橙色的‘Die Grotesk’标签）
  • input 搜索与筛选功能巧妙融合
  • hero 全视口沉浸式图像或字体样张，搭配最小化的叠加文字

09

文案语气与禁用清单

  • 语气 权威、精致、极简
  • 标题风格 加粗、字距紧凑的展示字体，凸显特定字体家族
  • 按钮文案 无按钮或视觉强调的简单文字链接
  • 勿使用装饰性边框——截图显示为干净、极简的分隔
  • 勿使用复杂的按钮样式——截图显示为简单的文字‘购买’链接
  • 勿在单个板块内使用多种背景色——截图显示为纯色、单色行
  • 勿在卡片上使用圆角——截图显示为锐利的矩形几何形状
  • 勿使用投影营造深度感——截图显示为基于平面的层级关系
  • 勿使用渐变背景——截图显示为纯色填充
  • 避免: 装饰性元素
  • 避免: 表情符号
  • 避免: 非正式语言
  • 避免: 杂乱的界面

10

包内真实截图

Klim Type Foundry — 桌面首屏（hero）
桌面首屏（hero）
Klim Type Foundry — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Klim Type Foundry — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Klim Type Foundry — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Klim Type Foundry — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Klim Type Foundry — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Klim Type Foundry — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Klim Type Foundry — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Klim Type Foundry — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Klim Type Foundry — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Klim Type Foundry — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Klim Type Foundry — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Klim Type Foundry — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Klim Type Foundry — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Klim Type Foundry — 移动首屏
移动首屏

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

Klim Type Foundry是一个高端字体铸造厂网站，采用如画廊般简约的设计系统。关键色彩包括深炭灰(#1C1C1C)、浅灰(#D3D3D3)以及鲜艳的焦橙强调色(#D33C03)。字体排印以怪诞无衬线体与过渡衬线体系列为核心，界面文字使用Söhne。关键禁忌：避免装饰性元素或杂乱界面，避免复杂按钮样式（使用简单文字链接），避免在单个板块内使用多种背景色，避免在卡片类元素上使用圆角。布局为全宽极简风格，优先展示字体样张本身。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明，可复制给 Agent。