精选 · 开放 · 免费
Antinomy Studio
一个为全球创意工作室设计的、以排版为核心的极简作品集网站。
studiowebgl
01
设计气质 DNA
创意工作室全球当代设计机构高端
高端创意工作室的精致数字画廊。
02
色彩
#000000Ink
#FFFFFFBG
rgba(0,0,0,0.1)Line
绝对的单色基底，搭配高对比度文本和由摄影驱动的色彩。
03
字体
geometric-sans
- display
54px · 400 - body
24px · 400 - caption
12px · 400
所有文本使用 ABC Diatype (几何无衬线体) · 导航和小标签使用大写 · 展示尺寸使用较重的负字距
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
各部分之间留有充足的留白，让摄影和排版得以呼吸。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
无可见边框或圆角；纯粹的平面、满屏图像。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全宽主视觉区包含居中文本，随后是两列项目网格。
07
动效与交互
300msmicro
400mssmall
800msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
淡入透明度 · 平滑的变换过渡 · 图像揭示
微妙的透明度变化或光标状态更新。 · 立即导航至项目页面。
08
组件
- button 极简或不存在；交互主要基于链接。
- card 满屏项目图像，下方配以居中的大写文本。
- hero 白色背景上的大型居中排版，过渡到全宽主视觉图像。
09
文案语气与禁用清单
- 语气 权威、专业、内敛。
- 标题风格 大型、居中、句首大写的陈述。
- 按钮文案 隐形或纯文本链接。
- 不要使用圆角——网站使用的是锐利的 0px 半径边缘。
- 不要使用投影——界面完全是平面的，没有深度效果。
- 不要使用复杂的背景色——网站几乎完全依赖纯白色。
- 不要使用装饰性字体——系统使用单一的几何无衬线字体家族。
- 不要让布局杂乱——设计优先考虑大量的负空间。
- 不要使用多色按钮——没有可见的高饱和度界面组件。
- 避免: 视觉杂乱
- 避免: 圆角界面元素
- 避免: 复杂渐变
- 避免: 鲜艳的色板
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个名为 Antinomy 的全球创意工作室的作品集网站。它采用高度精致、极简的美学，以单一的几何无衬线字体 (ABC Diatype) 和严格的黑白调色板 (#000000 墨色在 #FFFFFF 背景上) 为核心。布局特点是大量的负空间、使用较重负字距居中展示的排版，以及全出血的项目摄影。关键注意事项：绝不使用圆角，绝不添加投影，绝不引入复杂的背景色。该网站是克制与排版主导设计的典范。
en · zh-CN · zh-TW · ja · ko