← OpenDesign
精选 · 开放 · 免费
Holographik
策略驱动的设计工作室,创造品牌与视觉系统。
Studio Bold Typography Expressive Clean Premium
01
设计气质 DNA
策略驱动 视觉系统 数字产品 品牌塑造
一家拥有大胆、简洁美学的高端设计工作室
02
色彩
#66CCFFAccent
#111111Ink
#F5F5F5BG
#FFFFFFBG soft
#999999Muted
rgba(17, 17, 17, 0.1)Line
高对比度,搭配干净、中性的背景。
03
字体
geometric-sans · grotesque-sans
display 120px · 700body 16px · 400主要展示文本使用全大写。 · 标题使用几何无衬线字体。 · 展示文本与正文尺寸对比鲜明。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
标准 4px 基础网格。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 160px
极少或无。
06
布局
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
全出血首屏,底部对齐的巨型排版。
07
动效与交互
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
链接上有细微的悬停过渡效果。 · 3D 物体可能有缓慢的循环旋转或漂移动画。
链接颜色过渡。 · 最小反馈。
08
组件
button 极简,可能为高对比度的胶囊形状。 card 无。 chip 无。 input 无。 hero 全视口,包含一个 3D 抽象物体和叠加的巨型文本。
09
文案语气与禁用清单
语气 自信、专业且大胆。 标题风格 全大写、巨型,并与 3D 图像融合。 按钮文案 极简,可能是简单的链接或胶囊按钮。 不要使用小而胆怯的排版——截图显示的是巨大、粗体的展示文本。 不要使用杂乱或深色的背景——截图显示的是干净、浅灰色的背景。 不要使用过多不同颜色——截图显示的是非常有限的色板,包括黑、白、浅灰和单一浅蓝色强调色。 不要在主要元素上使用圆角——截图显示的是仅使用直角边缘或胶囊形状。 不要使用复杂的导航菜单——截图显示右上角仅有两个文本链接。 不要使用细微、低对比度的排版——截图显示的是高对比度的、浅灰色背景上的黑色文本。 避免: 陈腐的企业术语 避免: 过于复杂的导航
10
包内真实截图
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 抓自真实页面 · 真 computed styles
11
System Prompt
这是一个大胆、高端的设计工作室网站。它以巨大、全大写的几何无衬线排版(使用 Helvetica Neue)作为主要设计元素,通常与 3D 抽象物体交互。色彩搭配极度克制,主要使用浅灰色(#F5F5F5)、黑色(#111111)和单一浅蓝色强调色(#66CCFF)。布局干净且全出血。关键禁忌:不要使用小而胆怯的排版——首屏文本是巨大的。不要使用杂乱的背景——保持干净明亮。不要使用过多颜色——坚持单色加一个强调色的色板。
更多精选
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
为什么收录: 该网站是运用巨型排版和 3D 图像,为设计工作室打造高冲击力、高端品牌形象的典范。