精选 · 开放 · 免费
Fantasy
一家高端设计机构，通过沉浸式、暗色优先的电影感视觉，展现其愿景与执行力。
agencyproduct
01
设计气质 DNA
前瞻高端设计主导未来感
一家以愿景与执行引领的高端设计工作室。
02
色彩
#FD0202Accent
#FFFFFFInk
#D0D0D0Ink soft
#000000BG
#121212BG quiet
#293C5BMuted
rgba(255,255,255,0.1)Line
电影感对比度，以单色系为主，运用单一锐利的红色作为视觉焦点。
03
字体
grotesque-sans
- display
116px · 500 - heading
41px · 500 - body
16px · 400
对展示文本使用紧凑的负字距，以强调致密、高端的质感。 · 所有文本保持统一的字重（400-500），以维持视觉统一性。 · 严格使用深色背景上的白色文本，确保高对比度。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
统一应用宽敞的 50px 水平内边距，以维持通透、高端的布局。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
极简的 1px 白色边框，仅用于必要区域的界定。
0px 32px 68px 0px rgba(0, 0, 0, 0.3)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
沉浸式全出血主视觉区，搭配固定导航。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
通用界面交互采用微妙的 0.3s ease-out 过渡。 · 内容揭示采用平滑的 0.5s 透明度淡入淡出。
交互元素上的微妙透明度或颜色变化。 · 通过透明度或背景变化提供即时视觉反馈。
08
组件
- button 极简的药丸形容器，带有微妙边框与指针光标。
- card 以图像为主的布局，配备精确的边框与充裕的内边距。
- chip 高对比度的药丸形交互元素。
- input 不可见或高度极简的输入框。
- hero 全屏电影感背景图像，叠加超大字体排版。
09
文案语气与禁用清单
- 语气 权威、前瞻且直接。
- 标题风格 超大、字距紧凑、大胆的陈述，引人注目。
- 按钮文案 极简的文本式行动号召，不与主视觉竞争。
- 不要使用多种相互竞争的背景色——截图显示为纯黑色背景为主。
- 不要将主标题文本居中对齐——截图显示超大标题采用激进的左对齐。
- 不要使用高饱和度渐变——截图显示为纯色单色背景或摄影图像。
- 不要使用衬线字体——截图显示为纯无衬线字体排版。
- 不要在主视觉区使用拥挤的多栏布局——截图显示为宽敞的全出血排布。
- 不要使用标准的「点击此处」按钮——截图显示为极简的文本链接或微妙的圆角药丸形。
- 避免: 喧闹的霓虹色系，会分散对高端影像的注意力。
- 避免: 密集、文字过多的布局，会破坏电影般的体验。
- 避免: 装饰性或衬线字体，会削弱现代科技感。
- 避免: 僵化的网格结构，会限制沉浸式全出血视觉。
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 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个以愿景与执行力引领的高端设计机构网站，采用暗色优先、电影感美学。主色调为纯黑（#000000）与纯白（#FFFFFF），为超大字体创造高对比度。字体类别仅限 grotesque-sans，字重严格限制在 400-500。布局宽敞，采用全出血图像与紧凑字距。关键禁忌：绝不使用多种相互竞争的背景色；避免将主标题文本居中对齐；不要使用高饱和度渐变或拥挤的布局。设计优先采用沉浸式摄影与权威、大胆的字体排版，以建立高端、前瞻的品牌形象。
en · zh-CN · zh-TW · ja · ko