A futuristic gallery or virtual world waiting to be loaded.
02
Color
#000000Ink
#B51A1BBG
#6B0E0FMuted
rgba(0, 0, 0, 0.1)Line
Bold, high-chroma monochromatic red background with strict black typography.
03
Typography
geometric-sans
display48px · 500
body14px · 400
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Centered, spacious composition with generous negative space.
05
Surfaces
sm · 4px
md · 8px
lg · 12px
pill · 999px
Minimal, subtle border on the loading circle.
06
Layout
1280container
12columns
24pxgutter
768 / 1024breakpoints
Fullscreen single-color background with centered vertical stack.
07
Motion & Interaction
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
loading spinner · progress indicator
None visible. · None visible.
08
Components
heroFull-screen loading state with centered brand mark and bottom-aligned progress indicator.
09
Voice & Don'ts
TonePlayful, mysterious, modern.
HeadlinesBold, minimalist, geometric.
CTAsNone visible.
don't use a white background — screenshot shows a solid deep red (#B51A1B) background
don't use serif fonts — screenshot shows a geometric sans-serif brand mark
don't use complex layouts — screenshot shows a single centered element in a vast empty space
don't use multiple colors — screenshot shows a strict monochromatic red palette
don't use subtle gradients — screenshot shows a flat, solid color background
don't include cluttered navigation — screenshot shows only a brand mark and a loading indicator
Avoid: traditional layouts
Avoid: light backgrounds
Avoid: complex typography
11
System prompt
This is a bold, experimental loading screen for a 3D/metaverse brand. The layout is entirely centered with a solid deep red (#B51A1B) background and black geometric sans-serif typography. The composition is extremely minimal, featuring only the brand mark 'HAPE®' and a circular progress indicator at the bottom. It prioritizes atmosphere and anticipation over immediate information. Key design rules: use a bold monochromatic red palette, maintain extreme negative space, and avoid complex UI components. The site leans heavily into a premium, experimental aesthetic suitable for 3D or digital collectible platforms.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
