精選 · 開放 · 免費

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