精选 · 开放 · 免费
Snøhetta
一个全球跨学科事务所,以精致的极简主义展示享有盛誉的建筑与设计项目。
architecturestudio
01
设计气质 DNA
建筑设计全球化跨学科工作室
一个精英建筑作品集画廊
02
色彩
#000000Ink
#FFFFFFBG
#F2F2F2BG quiet
#757575Muted
rgba(223, 223, 223, 1)Line
极致极简主义,采用严格的黑白调色板,并由摄影图像点缀色彩
03
字体
humanist-sans
- display
60px · 300 - h1
48px · 300 - body
18px · 300 - small
16px · 300
字体字重主要使用 300(细体),以营造精致、优雅的美感 · 行宽经过严格控制,确保大尺寸显示文本的可读性 · 字体层级主要依赖字号差异,而非字重变化
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
章节间留有充足的垂直间距,营造奢华感与呼吸空间
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 16px
pill · 9999px
偶尔使用 1px 细边框作为列表分隔线
06
布局
1280container
12columns
40pxgutter
768 / 1024breakpoints
非对称双栏布局,留有充足留白,并包含全幅图片轮播
07
动效与交互
200msmicro
300mssmall
600msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
交互元素上平滑的颜色与不透明度过渡 · 项目图片的水平滚动轮播
文本链接在悬停时发生微妙颜色变化,通常变为柔和的灰色 · 整个交互区域均使用标准指针光标
08
组件
- button 无背景样式的纯文字按钮,依赖悬停状态变化
- card 简单的图片卡片,下方配有极简文字
- hero 全宽度、以文字为主的首屏区域,下方重叠一个横向图片轮播
09
文案语气与禁用清单
- 语气 权威、精致且克制
- 标题风格 关于事务所的陈述性、事实性声明
- 按钮文案 内敛的文字链接,而非醒目的按钮
- 勿使用粗重字体字重——截图显示仅使用细体(300)字重排版
- 勿为 UI 元素添加投影——截图显示完全扁平化的表面
- 勿使用鲜艳的强调色——截图显示严格限定于黑、白、灰三色
- 勿为卡片或按钮使用圆角——截图显示主要采用锐利的矩形边缘
- 勿在布局中堆砌元素——截图显示章节间存在大量留白
- 勿使用彩色背景区块——截图显示通篇采用统一的白色背景
- 避免: 过多的标点符号
- 避免: 感叹号
- 避免: 非正式用语
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是 Snøhetta 的网站,一个全球跨学科建筑与设计事务所。其设计基因由极致的极简主义定义,采用严格的单色调色板:纯黑(#000000)文字置于纯白(#FFFFFF)背景上,并使用 #757575 与 #949494 作为次要及柔和文字的颜色。字体排印上完全采用细体(300)的无衬线字体(Dovre),并应用于大尺寸显示,营造出精致优雅的美感。布局上留有充足留白、1px 细分隔线,以及采用非对称双栏结构并包含全幅图片轮播。关键设计规则:绝不使用粗体字重,绝不添加投影或鲜艳的强调色,绝不拥挤布局,始终保持充足间距,并依赖字号层级而非字重进行视觉区分。整体感觉是一个高端、精致的设计作品集,让作品本身说话。
en · zh-CN · zh-TW · ja · ko