精选 · 开放 · 免费
Kengo Kuma
为世界顶级建筑工作室打造的克制、摄影驱动的作品集。
architecturestudio
01
设计气质 DNA
建筑工作室隈研吾极简几何
一个专注于摄影的极简主义建筑工作室作品集。
02
色彩
#2a2a2aInk
#717171Ink soft
#ffffffBG
#f5f5f5BG quiet
rgba(42,42,42,0.2)Line
中性、高度克制的调色板，让建筑摄影成为主要焦点。
03
字体
geometric-sans · system-sans
- display
18px · 300 - body
13px · 300
所有文本使用细字体字重（300）。 · 保持一致的负字母间距（-0.32px）以营造精致感。 · 元数据和日期使用紧凑的行高。
04
间距
4px
8px
12px
16px
24px
32px
48px
64px
96px
按钮和列表项使用一致的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
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个为隈研吾建筑工作室打造的极简、摄影驱动型作品集网站。其设计DNA高度克制，使用白色（#ffffff）、炭灰色（#2a2a2a）和浅灰色（#717171）的中性调色板，让高品质的建筑图像成为主要焦点。排版上始终使用细字重的系统无衬线字体，并带有细微的负字母间距（-0.32px）。关键禁忌：避免粗体排版、饱和色彩和装饰性UI元素。布局采用带有12px和24px边距的简洁网格。所有交互平滑内敛，过渡时间为0.2秒。
en · zh-CN · zh-TW · ja · ko