OpenDesign·你的设计资产库

网页参考

Holographik

策略驱动的设计工作室,创造品牌与视觉系统。

StudioBold TypographyExpressiveCleanPremium
Holographik 网站截图

01

设计气质 DNA

策略驱动视觉系统数字产品品牌塑造

一家拥有大胆、简洁美学的高端设计工作室

02

色彩

#66CCFFAccent
#111111Ink
#F5F5F5BG
#FFFFFFBG soft
#999999Muted
rgba(17, 17, 17, 0.1)Line

高对比度,搭配干净、中性的背景。

03

字体

geometric-sans · grotesque-sans

  • display120px · 700
  • body16px · 400

主要展示文本使用全大写。 · 标题使用几何无衬线字体。 · 展示文本与正文尺寸对比鲜明。

04

间距

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

标准 4px 基础网格。

05

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

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

极少或无。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全出血首屏,底部对齐的巨型排版。

07

动效与交互

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

链接上有细微的悬停过渡效果。 · 3D 物体可能有缓慢的循环旋转或漂移动画。

链接颜色过渡。 · 最小反馈。

08

组件

  • button 极简,可能为高对比度的胶囊形状。
  • card 无。
  • chip 无。
  • input 无。
  • hero 全视口,包含一个 3D 抽象物体和叠加的巨型文本。

09

文案语气与禁用清单

  • 语气 自信、专业且大胆。
  • 标题风格 全大写、巨型,并与 3D 图像融合。
  • 按钮文案 极简,可能是简单的链接或胶囊按钮。
  • 不要使用小而胆怯的排版——截图显示的是巨大、粗体的展示文本。
  • 不要使用杂乱或深色的背景——截图显示的是干净、浅灰色的背景。
  • 不要使用过多不同颜色——截图显示的是非常有限的色板,包括黑、白、浅灰和单一浅蓝色强调色。
  • 不要在主要元素上使用圆角——截图显示的是仅使用直角边缘或胶囊形状。
  • 不要使用复杂的导航菜单——截图显示右上角仅有两个文本链接。
  • 不要使用细微、低对比度的排版——截图显示的是高对比度的、浅灰色背景上的黑色文本。
  • 避免: 陈腐的企业术语
  • 避免: 过于复杂的导航

10

包内真实截图

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

11

System Prompt

这是一个大胆、高端的设计工作室网站。它以巨大、全大写的几何无衬线排版(使用 Helvetica Neue)作为主要设计元素,通常与 3D 抽象物体交互。色彩搭配极度克制,主要使用浅灰色(#F5F5F5)、黑色(#111111)和单一浅蓝色强调色(#66CCFF)。布局干净且全出血。关键禁忌:不要使用小而胆怯的排版——首屏文本是巨大的。不要使用杂乱的背景——保持干净明亮。不要使用过多颜色——坚持单色加一个强调色的色板。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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