精選 · 開放 · 免費

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

display150px · 600
display-sm50px · 600
body19px · 400
caption16px · 400

在大型展示尺寸使用緊湊的負字元間距 · 維持標題與內文之間的高字重對比 · 允許大型字體主導視覺層級

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

按鈕與互動元素的 hover 狀態轉換 · 可抓取元素上的細微變換動畫

背景顏色或顏色反轉 · 標準的啟用狀態

08

組件

button 極簡的描邊膠囊按鈕，搭配黑色文字或黑色填充與白色文字
card 以圖片為主導的內容區塊，具有強烈的文字層級且無容器邊框
chip 帶有 1px 黑色邊框的小型大寫標籤
input 未顯著呈現
hero 巨大的文字焦點，搭配偏移的建築攝影圖片

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) 作為柔和背景。字體嚴格使用無襯線怪誕體，具有巨大的展示尺寸、緊湊的字距調整與清晰的層級。關鍵注意事項：不要使用襯線字體或裝飾性字體；不要將所有文字元素置中，應依賴強烈的左對齊與不對稱；不要使用陰影或厚重的漸層，保持表面平整乾淨；不要在主視覺區域迴避巨大、主導性的文字尺寸。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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