OpenDesign·你的设计资产库

网页参考

Clauaskee

使用大胆几何形态和戏剧性3D构图的实验性设计作品集。

Portfolio3DExperimentalStudioGeometric

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

01

设计气质 DNA

实验性抽象几何极简大胆

一个挑战传统网页设计惯例的数字雕塑工作室。

02

色彩

#0D0D1AInk
#7B7BFFBG
#1A1A3DMuted
rgba(0,0,0,0)Line

高对比度色块,在明亮的薰衣草紫与深邃的午夜蓝之间进行戏剧性的切换。

03

字体

geometric-sans

  • display120px · 400

字体排印极简,服务于几何构图而非可读性。

04

间距

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

非对称间距,强调3D元素的构图平衡。

05

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

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

无可见边框;形状由颜色和阴影定义。

0 20px 60px rgba(0,0,0,0.4)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全幅沉浸式构图,中央的3D物体作为视觉焦点。

07

动效与交互

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

在hover或scroll时应用微妙的视差或3D旋转效果。

中央3D物体的微妙旋转或缩放。 · 与浮动3D元素的直接交互。

08

组件

  • button 一个圆形的绿色浮动徽章,文字沿路径排列。
  • hero 一个戏剧性的3D场景,包含一张带有抽象字体的浮动卡片。

09

文案语气与禁用清单

  • 语气 实验性、大胆且充满艺术自信。
  • 标题风格 极简主义,融入3D构图。
  • 按钮文案 俏皮的圆形徽章,与主构图形成对比。
  • 不要使用柔和阴影——截图显示的是硬朗、戏剧性的阴影。
  • 不要使用圆角矩形——截图显示的是尖锐的几何转角。
  • 不要使用衬线字体——截图显示的是几何无衬线字体。
  • 不要使用繁杂的图案——截图显示的是纯色块。
  • 不要使用居中文本对齐——截图显示的是左对齐的标志。
  • 不要使用微妙的背景渐变——截图显示的是平坦、高对比度的色域。
  • 避免: 传统网格布局
  • 避免: 标准导航菜单
  • 避免: 过于解释性的文本

11

System Prompt

这是一个具有大胆艺术身份的实验性设计作品集网站。设计采用了明亮的薰衣草紫(#7B7BFF)与深邃的午夜蓝(#0D0D1A,#1A1A3D)构成的醒目调色板。字体排印极简且具有几何感,服务于3D构图。关键禁止项:避免柔和阴影、圆角和传统网格布局。该网站优先考虑视觉冲击力而非传统可用性,运用戏剧性的3D构图和大胆的色块。交互元素俏皮,例如那个圆形的绿色徽章。整体方法极具实验性,挑战了典型的网页设计惯例。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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