厳選・オープン・無料

Eindhovendesigndistrict

アイントホーフェンのデザイン文化を紹介する、大胆なタイポグラフィのエディトリアルプラットフォーム。

EditorialCleanBold TypographyStudioCuration
Eindhovendesigndistrict のスクリーンショット
↓ デザインシステムをダウンロード (41 MB)OpenDesign で開く

オリジナル: https://www.eindhovendesigndistrict.com

📦 パックの中身を見る →

01

デザイン DNA

デザイン地区アイントホーフェン建築文化

キュレーションされた都市デザイン展示会

02

カラー

#FF0000Accent
#000000Ink
#FFFFFFBG
#E8E8E8BG soft
#BFBFBFMuted
rgba(0,0,0,1.0)Line

単一の目立つ赤のアクセントを持つ高コントラストのモノクローム

03

タイポグラフィ

grotesque-sans

大きなディスプレイサイズでは、タイトなネガティブ文字间距を使用 · 見出しと本文の間で高いウェイトコントラクトを維持 · 大きなタイポグラフィがビジュアルヒエラルキーを支配させること

04

余白

4px
8px
16px
20px
24px
32px
40px
50px
64px
96px

大きなタイポグラフィ要素や画像ブロックの周囲にたっぷりとした余白を設ける

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

インタラクティブな要素とタグにのみ厳密に使用される、最小限の1pxの黒いボーダー

観察されず

06

レイアウト

1400container
12columns
24pxgutter
768 / 1024breakpoints

要素が重なり、動的なグリッドがシフトする、非対称でテキスト主導のレイアウト

07

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

100msmicro
250mssmall
350msmedium
cubic-bezier(0.165, 0.84, 0.44, 1)easing

ボタンやインタラクティブ要素のホバー状態トランジション · ドラッグ可能な要素の微妙な変形アニメーション

背景色または色の反転 · 標準のアクティブ状態

08

コンポーネント

09

文体と禁止事項

10

パック内の実スクリーンショット

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

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

11

System Prompt

都市デザインプラットフォームのための大胆なエディトリアルデザインシステム。アイントホーフェンのデザイン文化へのキュレーションされたガイドとして位置付けられている。主要色はハイコントラストの純粋な黒(#000000)と白(#FFFFFF)、アクセントタグには単一の鮮やかな赤(#FF0000)、柔らかな背景には薄いグレー(#E8E8E8)。タイポグラフィはゴシック体サンセリフのみを使用し、タイトなトラッキングと明確な階層を持つ巨大なディスプレイサイズが特徴。重要な禁止事項：セリフ書体や装飾的なタイポグラフィを使用しない；すべてのテキスト要素を中央揃えにせず、強い左揃えと非対称性に依存する；ドロップシャドウや重いグラデーションを使用せず、サーフェスをフラットでクリーンに保つ；ヒーローセクションで大胆で支配的なテキストサイズを使用することを恐れない。

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

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

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

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