OpenDesign·你的设计资产库

网页参考

Bloobies Art

一个用于在线老虎机平台的高对比度、深色主题推广网站。

SaaSBold TypographyClean

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

01

设计气质 DNA

游戏在线赌场老虎机大胆极简

一个通往在线游戏的时尚数字门户,利用强烈对比推动即时行动。

02

色彩

#00ff00Accent
#ffffffInk
#999999Ink soft
#000000BG
#0a0a0aBG quiet
#555555Muted
rgba(0, 255, 0, 0.2)Line

高对比度深色模式,辅以电光绿强调色,以突出关键行动号召和品牌元素。

03

字体

grotesque-sans

  • display56px · 900
  • heading24px · 700
  • body16px · 400

二级导航和小型标签使用全大写。 · 大型展示文字保持紧凑的字间距。

04

间距

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

基于4px网格的间距系统,辅以充足的垂直内边距以区分不同版块。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 0px

所有交互元素和容器均采用锐利、无圆角的边框。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全宽首屏横幅区域采用双栏分割,其后是游戏卡片的水平网格。

07

动效与交互

150msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

交互元素上采用微妙的悬停状态,未见复杂动画。

主按钮和链接在悬停时发生颜色偏移或细微亮度变化。 · 提供即时视觉反馈,无明显缩放变化。

08

组件

  • button 高对比度的矩形按钮,采用纯色背景和锐利边角。
  • card 简洁的矩形卡片,边框极简,主要用于游戏缩略图。
  • chip 小型、全大写的文字标签,带有细微的背景对比。
  • input 视觉上不明显,但可能采用锐利边角以匹配整体美学。
  • hero 全高、深色背景区域,配以超大加粗字体和醒目的行动号召。

09

文案语气与禁用清单

  • 语气 直接、紧迫且具有推广性。
  • 标题风格 超大、加粗且常为全大写,以吸引注意力。
  • 按钮文案 简短、祈使句式短语,如“立即游戏”和“登录”,置于高对比度按钮上。
  • 避免使用圆角 —— 截图显示所有按钮和卡片均为锐利的90度直角。
  • 避免使用柔和或低调的色彩方案 —— 截图显示的是鲜明的黑、白和电光绿配色。
  • 避免使用装饰性阴影 —— 截图显示的是无深度提示的平面表面。
  • 避免使用衬线体或人文主义字体 —— 截图显示的是加粗、现代的无衬线字体。
  • 避免使用复杂渐变或叠加 —— 截图显示的是纯色块和高对比度文字。
  • 避免使用俏皮或有机形状 —— 截图显示的是严格的矩形和线性构图。
  • 避免: 微妙渐变
  • 避免: 柔和阴影
  • 避免: 圆角
  • 避免: 柔和色彩
  • 避免: 复杂图标
  • 避免: 装饰性元素

11

System Prompt

这是一个在线老虎机平台的推广网站。设计特点是采用纯黑背景(#000000)和鲜亮的电光绿强调色(#00ff00),形成鲜明、高对比度的深色模式。字体以粗体、全大写的无衬线字体为主用于标题,营造出紧迫感和冲击力。关键元素均为锐利的矩形,无圆角或柔和阴影。关键设计约束:1) 保持深色背景与明亮强调色之间的极端对比。2) 所有UI组件均使用锐利、无圆角的几何形状。3) 视觉语言保持极简和直接,避免装饰性元素或微妙渐变。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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