精选 · 开放 · 免费
Snogproductions
为创意制作工作室打造的大胆、图像优先的作品集，以巨型红色标识与混乱的项目视觉画廊为特色。
StudioPhotographicBold TypographyPortfolioPremium
01
设计气质 DNA
创意工作室制作大胆画廊
高端创意制作工作室的作品集
02
色彩
#EE242FAccent
#000000Ink
#FFFFFFBG
rgba(238, 36, 47, 1)Line
纯白背景作为中性画布，承载单一高饱和度红色点缀与丰富、鲜艳的图像内容。
03
字体
condensed-grotesque · grotesque-sans
- display
172px · 700 - body
14px · 700
导航文本统一为大写粗体 · 展示性标识主导布局顶部 · 极简字体层级，主要为标识与链接
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
不规则画廊布局依赖大量留白而非严格网格。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 200px
无结构化边框，仅图像内容与单个1px边框宽度规则（如事实所述）。
06
布局
12columns
24pxgutter
768 / 1024breakpoints
非对称散落画廊，不同尺寸的图像重叠并漂浮于白色背景之上。
07
动效与交互
50msmicro
50mssmall
50msmedium
lineareasing
元素上最小化、近乎即时的0.05秒过渡
交互元素上光标变为指针 · 标准链接导航
08
组件
- button 普通大写文本链接，带光标指针
- card 无内边距或边框的边缘对齐项目图像
- hero 巨型红色字体叠加于垂直堆叠的项目海报画廊上。
09
文案语气与禁用清单
- 语气 自信、大胆、直接
- 标题风格 巨型、紧凑的大写标识
- 按钮文案 简洁的大写文本链接
- 勿使用柔和或柔和色调——截图显示为纯白背景搭配单一醒目红色点缀
- 勿将所有内容居中对称排列——截图显示为非对称散落画廊布局
- 勿使用纤细、精致的字体——截图显示为巨型、超粗的紧凑标识
- 勿为图像卡片添加内边距或边框——截图显示图像为边缘对齐或自由浮动
- 勿实施缓慢、大幅度的动画——截图事实显示快速的0.05秒过渡
- 勿依赖复杂UI组件——截图仅显示文本链接与浮动项目图像
- 避免: 微妙动画
- 避免: 柔和调色板
- 避免: 居中对称布局
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
本站是一个以极致视觉自信为特色的创意制作工作室作品集。它以纯白背景（#FFFFFF）为画布，承载巨型、超粗的红色紧凑标识（#EE242F）与高冲击力项目图像的散落画廊。字体以展示字体（Druk）172.8px为主导，导航采用次要怪诞无衬线体（GT Zirkon）14px大写。关键颜色严格限定为红色（#EE242F）、黑色（#000000）与白色。关键禁忌：1）勿使用微妙的UI组件（如图像阴影或边框），因布局依赖原始、浮动的摄影。2）勿对称排列内容，因散落画廊为刻意非对称。3）勿使用漫长、平滑的动画，因交互模型依赖近乎即时的0.05秒过渡。
en · zh-CN · zh-TW · ja · ko