精选 · 开放 · 免费
Immersive Garden
专注于高端沉浸式体验的精致数字工作室。
agencywebgl
01
设计气质 DNA
优雅极简沉浸式雕塑感高端
建筑与数字艺术相遇的静谧画廊空间。
02
色彩
#030303Ink
#e8e8e8BG
rgba(3,3,3,0.1)Line
极度克制；仅依靠高对比度的亮色-on-深色/深色-on-亮色二元配色。
03
字体
transitional-serif · grotesque-sans
- display
44px · 400 - body
16px · 400 - caption
14px · 400
大写标签使用宽字间距。 · 标题字体保持紧凑行高。 · 禁用粗体字重；仅通过字号与字体家族建立层级。
04
间距
4px
8px
16px
20px
24px
40px
48px
160px
采用严格的16px基础单位，搭配宽大留白间距实现空间平衡。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
无
06
布局
1440container
12columns
16pxgutter
768 / 1024breakpoints
全屏画布布局，内容锚定于特定区域。
07
动效与交互
250msmicro
300mssmall
1900msmedium
cubic-bezier(0.165, 0.84, 0.44, 1)easing
缓慢优雅的不透明度渐变用于页面过渡。 · 交互文本元素的微妙悬停状态。 · 3D WebGL元素的平滑线性移动。
导航与行动号召文本的微妙颜色变化与不透明度调整。 · 通过状态变化提供即时视觉反馈。
08
组件
- button 纯文本交互元素，依靠微妙的不透明度与颜色变化。
- card 极简作品展示，依托高清图像。
- hero 全视口沉浸式场景，配以3D雕塑背景。
09
文案语气与禁用清单
- 语气 精致、内敛、高度专业。
- 标题风格 简洁有力的陈述，搭配优雅的衬线字体。
- 按钮文案 内敛的文本链接，视觉干扰最小。
- 禁用粗体字重——截图显示所有文本元素仅使用常规字重。
- 禁用投影——截图显示完全扁平的哑光UI表面。
- 禁用亮色强调色——调色板严格为单色灰度。
- 禁用圆角容器——布局依赖锐利边缘与全出血图像。
- 避免布局杂乱——截图展示了极致的留白运用。
- 禁用装饰性边框——元素通过留白而非线条分隔。
- 避免: 过度技术性术语。
- 避免: 激进的销售语言。
- 避免: 视觉杂乱或装饰性元素。
- 避免: 明亮饱和的色彩。
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
本站为高端数字机构作品集，其特点是采用优雅的单色调色板（浅灰#e8e8e8与近黑#030303）。字体搭配结合了精致的过渡衬线体（标题）与无衬线体（正文）。布局宽敞极简，运用全视口画布与极致留白。关键约束：严格避免粗体字重，禁用投影或装饰性边框，保持高对比度灰度美学。始终优先呈现精致工作室级效果，而非功能密度。
en · zh-CN · zh-TW · ja · ko