精选 · 开放 · 免费

OH no Type Co

一个展现粗体、实验性排版和图形设计的表现性字体铸造厂。

typefoundry

OH no Type Co 网站截图

↓ 下载设计系统包 (10 MB)在 OpenDesign 中打开

原站: https://ohnotype.co

📦 浏览包内文件 →

01

设计气质 DNA

字体铸造厂表现性粗体图形实验性

一个大胆、自信的实验性排版和图形设计展厅。

02

色彩

#000000Ink

#ffffffBG

#999999Muted

rgba(0, 0, 0, 0.1)Line

严格、高对比度的单色调，依赖粗体排版和图形元素来创造视觉趣味。

03

字体

geometric-sans · monospace

display48px · 400
body16px · 400
caption12px · 400

04

间距

4px

8px

16px

24px

32px

48px

64px

96px

灵活，由图形元素的比例而非严格的垂直节奏决定。

05

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

sm · 0px

md · 0px

lg · 0px

pill · 0px

无。依赖排版和实色区块进行分隔。

06

布局

1280container

12columns

32pxgutter

768 / 1024breakpoints

不对称网格，大型图形区块和文本元素以富有表现力的方式布局。

07

动效与交互

250msmicro

400mssmall

800msmedium

lineareasing

交互元素的透明度过渡 · 轮播元素的水平滑动

交互元素上的指针光标变化。 · 即时状态变化。

08

组件

button 带有箭头指示符或下划线的文本链接。
card 实色区块（通常为黑色），包含文本和图形元素。
chip 未观察到。
input 未观察到。
hero 大型、富有表现力的排版构图，包含重叠元素。

09

文案语气与禁用清单

语气自信、富有表现力，略带叛逆。
标题风格 大型、粗体，通常是实验性的排版。
按钮文案 简单的文本链接，带有箭头或下划线。

不要使用圆角——截图显示的是尖锐的矩形形状。
不要使用投影——截图依赖实心的黑色和白色区块。
不要使用多彩的调色板——截图是严格的单色调（黑、白、灰）。
不要使用纤细、精致的排版——截图展示的是厚重、粗体的字体。
不要使用复杂的渐变——截图使用的是平面、实色。
不要使用小型、怯懦的标题——截图展示的是大型、富有表现力的排版。
避免: 微妙或柔和的排版
避免: 多彩的调色板
避免: 圆角或柔和的阴影
避免: 小型、怯懦的标题

10

包内真实截图

OH no Type Co — 桌面首屏（hero） — 桌面首屏（hero）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

OH no Type Co — 移动首屏 — 移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

一个大胆、富有表现力的字体铸造厂网站，展示实验性排版和图形设计。设计依赖于一个严格、高对比度的单色调色板（黑色 #000000，白色 #ffffff，灰色 #999999）和几何无衬线字体。它使用不对称网格，包含大型、重叠的图形区块和文本元素。关键禁忌：永远不要使用圆角或投影，永远不要使用多彩的调色板，永远不要使用小型、怯懦的标题。设计由排版本身的比例和字重驱动。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko