OpenDesign·你的设计资产库

网页参考

Fantasy

一家高端设计机构,通过沉浸式、暗色优先的电影感视觉,展现其愿景与执行力。

AgencyProduct
Fantasy 网站截图

01

设计气质 DNA

前瞻高端设计主导未来感

一家以愿景与执行引领的高端设计工作室。

02

色彩

#FD0202Accent
#FFFFFFInk
#D0D0D0Ink soft
#000000BG
#121212BG quiet
#293C5BMuted
rgba(255,255,255,0.1)Line

电影感对比度,以单色系为主,运用单一锐利的红色作为视觉焦点。

03

字体

grotesque-sans

  • display116px · 500
  • heading41px · 500
  • body16px · 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

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个以愿景与执行力引领的高端设计机构网站,采用暗色优先、电影感美学。主色调为纯黑(#000000)与纯白(#FFFFFF),为超大字体创造高对比度。字体类别仅限 grotesque-sans,字重严格限制在 400-500。布局宽敞,采用全出血图像与紧凑字距。关键禁忌:绝不使用多种相互竞争的背景色;避免将主标题文本居中对齐;不要使用高饱和度渐变或拥挤的布局。设计优先采用沉浸式摄影与权威、大胆的字体排版,以建立高端、前瞻的品牌形象。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。