A dark, tactile hardware interface or a moody studio photography backdrop
02
Color
#EAEAEAInk
#111111BG
#666666Muted
rgba(255, 255, 255, 0.1)Line
Deep, atmospheric dark background with subtle warm highlights and minimal UI
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
loose, dictated by 3D object placement
05
Surfaces
sm · 8px
md · 16px
lg · 24px
pill · 999px
minimal, often implied by light and shadow
0 20px 60px rgba(0, 0, 0, 0.8)
06
Layout
1280container
12columns
24pxgutter
768 / 1024breakpoints
centered 3D object with floating UI elements
07
Motion & Interaction
220msmicro
400mssmall
800msmedium
cubic-bezier(0.16, 1, 0.3, 1)easing
3D rotation · subtle camera movement · light shifts
subtle lighting changes or object rotation · triggers navigation or state change
08
Components
buttonminimal, likely text-based or hidden in dark UI
card3D object container with rounded corners and drop shadow
herofull-screen 3D render with ambient lighting
09
Voice & Don'ts
Tonequiet, confident, artistic
Headlinesminimal, likely large sans-serif if present
CTAsunderstated, text-based
don't use bright, saturated colors — screenshot shows deep, muted blacks and grays
don't use busy patterns or textures — screenshot shows smooth, solid surfaces
don't use sharp, geometric UI elements — screenshot shows soft, rounded corners
don't use light backgrounds — screenshot shows a predominantly dark, moody palette
don't use cluttered layouts — screenshot shows a single, focused 3D object
don't use playful or friendly typography — screenshot implies a serious, refined aesthetic
Avoid: loud colors
Avoid: cluttered UI
Avoid: playful elements
Avoid: sans-serif fonts with high x-height
11
System prompt
This is a dark, experimental portfolio website centered around 3D objects and moody lighting. The design DNA is defined by a deep, near-black background (#111111) with subtle warm highlights and a complete absence of bright accent colors. Typography is clean, sans-serif, and likely minimal, serving the visual content rather than dominating it. The layout is focused and spacious, letting a single 3D object or scene take center stage. Critical donts include: never use bright, saturated colors; avoid busy patterns or textures; and do not use sharp, geometric UI elements. The site feels like a high-end hardware studio or a conceptual art piece, prioritizing atmosphere and tactile quality over traditional UI patterns.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
