精选 · 开放 · 免费
Heatherwick Studio
一个极简、干净的界面,专注于展示建筑设计作品。
architecturestudio
01
设计气质 DNA
建筑的极简主义结构性的工作室
一个干净、空旷的画廊空间,展示着一件雕塑作品。
02
色彩
#1A3A5CAccent
#333333Ink
#FFFFFFBG
#999999Muted
rgba(0, 0, 0, 0.1)Line
高对比度的单色调,搭配单一的柔和蓝色点缀。
03
字体
transitional-serif
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
宽敞的留白。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
纤细、浅色的线条。
06
布局
1200container
12columns
24pxgutter
768 / 1024breakpoints
居中、单栏聚焦。
07
动效与交互
150msmicro
300mssmall
600msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
滚动触发的淡入效果
微妙的不透明度变化。 · 即时响应。
08
组件
- button 极简的文字链接。
- card 以图片为主,界面装饰极少。
- input 干净的、带下划线的输入框。
- hero 全出血图像搭配文字覆盖层。
09
文案语气与禁用清单
- 语气 专业、自信、低调。
- 标题风格 简短、有冲击力的陈述。
- 按钮文案 低调、基于文字的行动号召。
- 不要使用明亮、饱和的颜色——截图显示为一种柔和的蓝色点缀。
- 不要使用俏皮、圆润的字体——截图显示为一种过渡型衬线字体。
- 不要使用包含多列的复杂网格布局——截图显示为一个简单的居中布局。
- 不要使用投影或景深效果——截图显示为平面表面。
- 不要使用没有功能的装饰性元素——截图显示为极简的装饰。
- 不要使用密集、文字过多的布局——截图显示为大量的留白。
- 避免: 响亮的行动号召
- 避免: 营销术语
- 避免: 杂乱的布局
11
System Prompt
这是一个极简、专业的建筑工作室网站。它使用干净的白色背景、深色文字,并以单一的柔和蓝色(#1A3A5C)作为品牌点缀。字体依赖过渡型衬线类别,营造精致、编辑感的氛围。布局宽敞且居中,专注于高品质图像。关键禁忌:不要使用明亮的颜色,不要使用俏皮圆润的字体,也不要使用密集的元素使布局显得杂乱。它定位为一个高端、聚焦作品集的网站,声音平静而克制。
把这份品味接进你的 Agent
把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。
OpenDesign 技能 ↗
en · zh-CN · zh-TW · ja · ko