厳選・オープン・無料

Klim Type Foundry

厳格でギャラリーのようなインターフェースで、グロテスクとセリフファミリーを紹介するプレミアムタイプファウンドリー。

typefoundryeditorial
Klim Type Foundry のスクリーンショット
↓ デザインシステムをダウンロード (40 MB)OpenDesign で開く

オリジナル: https://klim.co.nz

📦 パックの中身を見る →

01

デザイン DNA

タイプファウンドリータイポグラフィプレミアム洗練されたモダニスト

書体サンプルのためのミニマリストなギャラリー

02

カラー

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

1色の鮮やかなバーント・オレンジアクセントを備えた、ハイコントラストなモノクローム。

03

タイポグラフィ

grotesque-sans · grotesque-mono

ディスプレイタイプには、紹介されている特定のフォントサンプルを使用 · UIテキストにはSöhneフォントファミリーを使用 · クリーンでモダンなグロテスク美学に厳密に準拠

04

余白

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

カードブロック内の贅沢なパディング（垂直方向30px）が、息の余地を生み出す

05

サーフェス (角丸 / 影 / 罫線)

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

グリッド構造で要素を分ける1pxの細いボーダー

06

レイアウト

1440container
12columns
16pxgutter
768 / 1024breakpoints

左寄せのディスプレイタイプと右寄せのメタデータを備えた、フルワイドの積み重なった行

07

モーションとインタラクション

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

UI要素に対する透明度と可见性の遷移

インタラクティブ要素に対する微妙な透明度の変化や色のシフト · カーソルポインターステートでの即座の応答

08

コンポーネント

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 — 移动首屏
移动首屏

実ページから取得 · 実 computed styles

11

System Prompt

Klim Type Foundryは、厳格でギャラリーのようなデザインシステムを使用するプレミアムタイプファウンドリーサイト。主なカラーには、深い炭色（#1C1C1C）、明るいグレー（#D3D3D3）、そして鮮やかなバーント・オレンジアクセント（#D33C03）。タイポグラフィはグロテスク・サンスとトランジショナル・セリフファミリーが中心で、UIテキストにはSöhneが使用。重要な禁止事項：装飾的な要素や雑然としたインターフェースを避ける、複雑なボタンスタイルを避ける（シンプルなテキストリンクを使用）、1セクション内で複数の背景色を避ける、カード様要素に角丸を避ける。レイアウトはフルワイドでミニマリズムを指向し、書体サンプル自体を優先。

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

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

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

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