OpenDesign·你的设计资产库

网页参考

Thegameawards Dreamwave Live

为游戏大奖打造的沉浸式暗色3D体验。

Dark ModeExperimental3DPremium

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

游戏奖项沉浸式3D未来感

通往顶级游戏颁奖典礼的电影级入口。

02

色彩

#FFFFFFInk
#0A0A0FBG
#888888Muted
rgba(255,255,255,0.1)Line

暗色、电影感,高对比度文字以营造高级感。

03

字体

grotesque-sans

  • display64px · 700

使用粗体、紧凑字距以增强标题的戏剧张力。 · 在暗色背景上保持高对比度。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

采用充裕的垂直间距,让3D元素得以舒展。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 16px
pill · 999px

使用低不透明度的白色细边框(1px)。

0 0 20px rgba(0,0,0,0.5)

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

全屏沉浸式画布,内容覆盖层居中。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

3D空间中的流畅镜头转换。 · 滚动时的微妙视差效果。

发光效果或微妙的缩放变化。 · 即时的视觉反馈。

08

组件

  • button 幽灵或实体按钮,采用直角与高对比度文字。
  • card 极简边框,采用玻璃态或微妙渐变。
  • chip 小巧的圆角胶囊形状,用于标签。
  • input 暗色背景配以微妙边框。
  • hero 全屏3D渲染环境,叠加文字。

09

文案语气与禁用清单

  • 语气 史诗感、戏剧性、庆典感。
  • 标题风格 使用全大写或粗体,打造简短有力的陈述。
  • 按钮文案 直接、以行动为导向,高对比度。
  • 不要使用浅色背景——截图显示的是深邃的近黑色暗色模式。
  • 不要使用装饰性衬线字体——截图显示的是干净、粗体的怪诞无衬线字体。
  • 不要使用鲜艳的多色配色——截图显示的是单色暗色主题配白色文字。
  • 不要使用圆润、柔和的UI元素——截图显示的是锐利的电影美学。
  • 不要使用扁平的2D插图——截图暗示的是沉浸式3D渲染环境。
  • 不要使用密集的多栏文字布局——截图显示的是稀疏、居中的电影式构图。
  • 避免: 俏皮或天真的语言。
  • 避免: 低对比度文字。
  • 避免: 杂乱的布局。

11

System Prompt

这是一个为游戏颁奖典礼打造的沉浸式高级暗色模式体验。关键色彩为深邃的近黑色背景(#0A0A0F)与清晰的白色文字(#FFFFFF)。排版依赖于粗体、紧凑字距的怪诞无衬线字体,以营造戏剧性和电影感。关键禁忌:绝不使用浅色背景,避免装饰性衬线字体,并严格保持单色、高对比度的配色方案。布局稀疏且居中,以强调3D元素。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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