OpenDesign·你的设计资产库

网页参考

Kengo Kuma

为世界顶级建筑工作室打造的克制、摄影驱动的作品集。

ArchitectureStudio
Kengo Kuma 网站截图

01

设计气质 DNA

建筑工作室隈研吾极简几何

一个专注于摄影的极简主义建筑工作室作品集。

02

色彩

#2a2a2aInk
#717171Ink soft
#ffffffBG
#f5f5f5BG quiet
rgba(42,42,42,0.2)Line

中性、高度克制的调色板,让建筑摄影成为主要焦点。

03

字体

geometric-sans · system-sans

  • display18px · 300
  • body13px · 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

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个为隈研吾建筑工作室打造的极简、摄影驱动型作品集网站。其设计DNA高度克制,使用白色(#ffffff)、炭灰色(#2a2a2a)和浅灰色(#717171)的中性调色板,让高品质的建筑图像成为主要焦点。排版上始终使用细字重的系统无衬线字体,并带有细微的负字母间距(-0.32px)。关键禁忌:避免粗体排版、饱和色彩和装饰性UI元素。布局采用带有12px和24px边距的简洁网格。所有交互平滑内敛,过渡时间为0.2秒。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。