精选 · 开放 · 免费
Eindhovendesigndistrict
一个以文字为主导、展现埃因霍温设计文化的大胆编辑平台。
EditorialCleanBold TypographyStudioCuration
01
设计气质 DNA
设计城区埃因霍温建筑文化
一场精心策划的城市设计展览
02
色彩
#FF0000Accent
#000000Ink
#FFFFFFBG
#E8E8E8BG soft
#BFBFBFMuted
rgba(0,0,0,1.0)Line
高对比度单色配色,辅以单一醒目的红色点缀
03
字体
grotesque-sans
- display
150px · 600 - display-sm
50px · 600 - body
19px · 400 - caption
16px · 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
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
为一个城市设计平台设计的大胆编辑设计系统。定位为埃因霍温设计文化的精心策划指南。关键颜色为纯黑(#000000)和纯白(#FFFFFF)以实现高对比度,辅以单一醒目的红色(#FF0000)作为强调标签,以及浅灰色(#E8E8E8)作为柔和背景。字体完全使用无衬线黑体字,采用大尺寸展示字体、紧凑字间距和清晰层次。关键禁忌:不要使用衬线字体或装饰性字体;不要将所有文本元素居中,应依赖强烈的左对齐和不对称布局;不要使用投影或厚重渐变,保持表面扁平干净;不要回避在主视觉区使用巨大、主导性的文字尺寸。
en · zh-CN · zh-TW · ja · ko