OpenDesign·你的设计资产库

网页参考

Bojka Studio

一个大胆、高辨识度的工作室网站,采用巨大字体和醒目的霓虹绿背景。

StudioAgencyCleanBold TypographyProductivity

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

01

设计气质 DNA

大胆高辨识度现代直接

一张大胆的字体海报,以高对比度的色块吸引注意力。

02

色彩

#000000Ink
#00ff00BG
rgba(0,0,0,0.1)Line

极端高对比度、大胆色块,以单一主导霓虹绿和纯黑为基础。

03

字体

geometric-sans

  • display120px · 500
  • body20px · 400

使用巨大的展示尺寸以实现最大冲击力 · 为展示字体使用紧凑的行高 · 简洁的几何形态

04

间距

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

在主视觉元素周围留有充足的内边距以强调比例

05

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

sm · 4px
md · 0px
lg · 0px
pill · 999px

无可见边框

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

顶部为全出血色块区域,搭配巨大字体,随后是全宽图片,底部由固定的导航栏锚定。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

静态截图中无可见动效

导航链接在悬停时有细微的颜色变化或下划线。 · 即时页面跳转。

08

组件

  • button 底部极简的基于文本的导航链接。
  • card 无可见组件。
  • chip 无可见组件。
  • input 无可见组件。
  • hero 巨大的字体主视觉,霓虹绿背景搭配大型副标题文本。

09

文案语气与禁用清单

  • 语气 直接、自信且大胆。
  • 标题风格 巨大、不加修饰的字体,主导整个视口。
  • 按钮文案 极简、基于文本的导航。
  • 不要使用柔和的色调——截图显示的是鲜艳、高饱和度的霓虹绿。
  • 不要使用装饰性或手写体字体——截图使用简洁的几何无衬线字体。
  • 不要在主要容器上使用圆角——截图显示的是尖锐的零圆角边缘。
  • 不要让界面杂乱——截图具有高度聚焦、单一信息的主视觉区域。
  • 不要使用柔和阴影或景深——截图依赖平面色块进行区域分隔。
  • 不要将主标题居中对齐——截图将其左对齐以营造沉稳感。
  • 避免: 细微渐变
  • 避免: 圆角容器
  • 避免: 小巧、精致的字体

11

System Prompt

一个大胆、高辨识度的代理作品集网站。主配色方案以鲜艳的霓虹绿 (#00ff00) 和纯黑 (#000000) 为主,形成极致对比。字体严重依赖几何无衬线类别,使用巨大展示尺寸以实现最大冲击力。关键禁忌:避免使用柔和配色、圆角 UI 元素和精致字体;该网站的核心在于巨大比例和平坦、纯色的色块。布局采用全出血的色彩主视觉和简约的底部导航栏,营造出专注且不妥协的呈现效果。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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