精选 · 开放 · 免费
Numbered Studio
一个以照片为核心的醒目代理商网站，排版浮动于全出血编辑影像之上。
AgencyPhotographicPremiumTypographyStudio
01
设计气质 DNA
编辑式极简时尚前卫奢华作品集
高端时尚杂志版面与设计工作室作品集的结合
02
色彩
#FFFFFFInk
#111111BG
rgba(255, 255, 255, 0.2)Line
高对比度单色配色，所有色彩变化由内容本身提供。
03
字体
didone-serif · grotesque-sans
- display
75px · 400 - heading
55px · 400 - body
15px · 400 - small
13px · 700
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
元素周围采用大号电影感留白，依赖充裕负空间而非严格网格系统。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
使用 1px solid rgba(255, 255, 255, 0.2) 作为细微分隔线，其余依赖图像边缘界定。
06
布局
1columns
768 / 1024breakpoints
全视口摄影英雄区垂直堆叠，配以居中文字叠加层。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.77, 0, 0.175, 1)easing
内容呈现采用平滑淡入过渡 · 滚动时背景缓慢转换
文本链接上微妙的光标变化或透明度偏移 · 立即导航或滚动，按下时无微动画
08
组件
- button 作为按钮的简洁文本链接，大写、小号、高对比度
- card 全出血摄影面板配文字叠加
- hero 全屏沉浸式摄影，配以巨大衬线字体直接叠加于图像之上
09
文案语气与禁用清单
- 语气 自信、含蓄且精致
- 标题风格 大型声明式衬线字体，引人注目
- 按钮文案 简洁大写文本链接，通常仅为‘CONTACT’或‘VIEW’
- 勿使用彩色背景——截图显示所有文字直接叠加于摄影图像之上
- 勿在容器上使用圆角——截图显示为锐利矩形全出血面板
- 勿使用小而紧凑的排版——截图显示巨大展示字体主导布局
- 勿为文字添加投影——截图显示为平实清晰的白色文字置于图像上
- 勿使用多列网格布局内容——截图显示为单一垂直堆叠流
- 勿依赖传统导航栏——截图显示为简洁汉堡菜单与独立文本链接
- 避免: 鲜艳色彩
- 避免: 杂乱布局
- 避免: 标准 SaaS 模式
- 避免: 繁忙动画
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是‘Numbered Studio’的高端代理商作品集，定位为高端创意与技术合作伙伴。视觉基因以巨大全出血摄影区块为主导，搭配大型 didone 衬线字体直接叠加于图像之上。配色方案为极致单色，所有文字使用纯白（#FFFFFF）置于任何背景图像之上，网站底色为深色（#111111）。排版上，展示部分采用表现力强的 didone 衬线字体，正文与导航使用简洁 grotesque 无衬线字体。关键禁忌：不要引入传统导航栏或侧边栏；界面应刻意保持极简与电影感。不要使用彩色界面元素或强调色；所有色彩变化必须来自摄影本身。不要对任何容器应用圆角或投影；表面严格通过图像边缘与细微细线边框界定。
en · zh-CN · zh-TW · ja · ko