厳選・オープン・無料

OH no Type Co

大胆で実験的なタイポグラフィとグラフィックデザインを紹介する、表現力豊かなタイプファウンドリー。

typefoundry
OH no Type Co のスクリーンショット
↓ デザインシステムをダウンロード (10 MB)OpenDesign で開く

オリジナル: https://ohnotype.co

📦 パックの中身を見る →

01

デザイン DNA

type foundryexpressiveboldgraphicexperimental

実験的なタイポグラフィとグラフィックデザインの、存在感があり自信に満ちたギャラリー。

02

カラー

#000000Ink
#ffffffBG
#999999Muted
rgba(0, 0, 0, 0.1)Line

大胆なタイポグラフィとグラフィック要素に依存した、厳格でハイコントラストのモノクローム。

03

タイポグラフィ

geometric-sans · monospace

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

コンポーネント

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）と幾何学的なサンセリフ書体に依存しています。非対称グリッドを使用し、大きく重なり合うグラフィックブロックとテキスト要素を配置しています。重要な注意点：角丸やドロップシャドウは決して使用せず、カラフルなパレットは決して使用せず、小さく控えめなヘッドラインは決して使用しないこと。デザインはタイポグラフィ自体のスケールとウェイトによって駆動されます。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗

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