精选 · 开放 · 免费
Clauaskee
使用大胆几何形态和戏剧性3D构图的实验性设计作品集。
Portfolio3DExperimentalStudioGeometric
01
设计气质 DNA
实验性抽象几何极简大胆
一个挑战传统网页设计惯例的数字雕塑工作室。
02
色彩
#0D0D1AInk
#7B7BFFBG
#1A1A3DMuted
rgba(0,0,0,0)Line
高对比度色块,在明亮的薰衣草紫与深邃的午夜蓝之间进行戏剧性的切换。
03
字体
geometric-sans
字体排印极简,服务于几何构图而非可读性。
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 技能 ↗
en · zh-CN · zh-TW · ja · ko