01
设计气质 DNA
建筑工作室隈研吾极简几何
一个专注于摄影的极简主义建筑工作室作品集。
02
色彩
#2a2a2aInk#717171Ink soft#ffffffBG#f5f5f5BG quietrgba(42,42,42,0.2)Line中性、高度克制的调色板,让建筑摄影成为主要焦点。
03
字体
- display
18px · 300 - body
13px · 300
所有文本使用细字体字重(300)。 · 保持一致的负字母间距(-0.32px)以营造精致感。 · 元数据和日期使用紧凑的行高。
04
间距
4px8px12px16px24px32px48px64px96px按钮和列表项使用一致的12px内边距。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 4px
lg · 4px
pill · 999px
1px实线边框颜色,通常用作微妙的分隔线。
rgba(0, 0, 0, 0.5) 0px 0px 3px 0px
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
大型、沉浸式主视觉图片,后接一个简洁的项目卡片网格。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
悬停时平滑过渡(0.2秒,缓入缓出)。 · 内容区块的细微淡入效果。
交互元素上的细微颜色变化或不透明度改变。 · 所有链接和交互元素使用标准指针光标。
08
组件
- button 极简的文本导航链接,大写字母,细字重。
- card 以图片为中心的卡片,带有微妙的边框和下方的元数据。
- hero 全出血、高品质的建筑摄影。
09
文案语气与禁用清单
- 语气 专业、克制、国际化。
- 标题风格 简洁、大写、几何无衬线字体。
- 按钮文案 极简、基于文本、不显眼。
- 不要使用粗体排版——截图显示所有文本字重为300。
- 不要使用鲜艳的调色板——截图显示的是中性、单色方案。
- 不要使用复杂的UI组件——截图显示的是极简、以摄影为中心的布局。
- 不要使用装饰性图标或插图——截图仅显示摄影和文本。
- 不要使用厚重的阴影或渐变——截图显示的是平面、干净的表面。
- 不要过度使用圆角——截图显示的是锐利或最小化的边框半径。
- 避免: 避免使用厚重、粗体的排版。
- 避免: 避免使用饱和色或原色。
- 避免: 避免使用装饰性UI元素或插图。
10
包内真实截图
11
System Prompt
这是一个为隈研吾建筑工作室打造的极简、摄影驱动型作品集网站。其设计DNA高度克制,使用白色(#ffffff)、炭灰色(#2a2a2a)和浅灰色(#717171)的中性调色板,让高品质的建筑图像成为主要焦点。排版上始终使用细字重的系统无衬线字体,并带有细微的负字母间距(-0.32px)。关键禁忌:避免粗体排版、饱和色彩和装饰性UI元素。布局采用带有12px和24px边距的简洁网格。所有交互平滑内敛,过渡时间为0.2秒。







