精选 · 开放 · 免费

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

仅对交互元素和标签使用极简的1像素黑色边框

未观察到阴影

06

布局

1400container

12columns

24pxgutter

768 / 1024breakpoints

不对称、以文字为主导的布局，包含重叠元素与动态网格变化

07

动效与交互

100msmicro

250mssmall

350msmedium

cubic-bezier(0.165, 0.84, 0.44, 1)easing

按钮和交互元素的悬停状态过渡 · 可抓取元素的细微变换动画

背景颜色或颜色反转 · 标准激活状态

08

组件

button 极简的轮廓药丸按钮，黑色文字或黑色填充配白色文字
card 以图片为主导的内容块，具有强烈的字体层次结构，无容器边框
chip 带有1像素黑色边框的大写小标签
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