精选 · 开放 · 免费
Hape
一个大胆、实验性的3D聚焦品牌着陆页，配有引人注目的单色加载屏幕。
3DExperimentalBold TypographyPremiumConsumer
01
设计气质 DNA
沉浸式实验性3D极简主义高端
一个等待加载的未来主义画廊或虚拟世界。
02
色彩
#000000Ink
#B51A1BBG
#6B0E0FMuted
rgba(0, 0, 0, 0.1)Line
大胆、高饱和度的单色红色背景，搭配严格的黑色排版。
03
字体
geometric-sans
- display
48px · 500 - body
14px · 400
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
居中、开阔的构图，留有充足的负空间。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
加载圆环上采用极简、细微的边框。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全屏纯色背景，搭配居中的垂直堆叠布局。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
加载旋转器 · 进度指示器
无可见效果。 · 无可见效果。
08
组件
- hero 全屏加载状态，包含居中的品牌标识和底部对齐的进度指示器。
09
文案语气与禁用清单
- 语气 俏皮、神秘、现代。
- 标题风格 大胆、极简、几何感。
- 按钮文案 无可见效果。
- 不要使用白色背景——截图显示为纯深红色 (#B51A1B) 背景
- 不要使用衬线字体——截图显示为几何无衬线品牌标识
- 不要使用复杂布局——截图显示在广阔空白空间中仅有一个居中元素
- 不要使用多种颜色——截图显示严格的单色红色调色板
- 不要使用细微渐变——截图显示为纯色平坦背景
- 不要包含杂乱导航——截图仅显示品牌标识和加载指示器
- 避免: 传统布局
- 避免: 浅色背景
- 避免: 复杂排版
11
System Prompt
这是一个为3D/元宇宙品牌设计的、大胆且实验性的加载屏幕。布局完全居中，采用纯深红色 (#B51A1B) 背景和黑色几何无衬线字体。构图极其简约，仅包含品牌标识'HAPE®'和底部的圆形进度指示器。它优先考虑氛围和期待感，而非即时信息传递。核心设计规则：使用大胆的单色红色调色板，保持极致的负空间，并避免复杂的UI组件。该网站强烈倾向于适合3D或数字收藏品平台的高端实验性美学。
把这份品味接进你的 Agent
把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko