A high-end gallery entrance with a simple velvet rope
02
Color
#FFFFFFInk
rgba(255,255,255,0.4)Ink soft
#000000BG
rgba(255,255,255,1.0)Line
High-contrast monochromatic palette relying on pure black and white for maximum visual impact and stark minimalism.
03
Typography
geometric-sans
display24px · 700
body14px · 400
bodySmall11px · 400
Use uppercase for all primary navigation and brand identifiers · Apply wide tracking to uppercase text for a refined, airy feel · Maintain strict monochromatic contrast without color variations in typography
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Strict 4px base grid with generous whitespace to emphasize the minimal content
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid rgba(255,255,255,1.0) used sparingly for structural containers
06
Layout
1920container
12columns
32pxgutter
768 / 1024breakpoints
Centered single-column layout with absolute vertical centering of the primary call-to-action
07
Motion & Interaction
275msmicro
385mssmall
550msmedium
cubic-bezier(0.22, 1, 0.36, 1)easing
Smooth opacity fades for enter/exit transitions · Transform-based spatial movements for primary interactions · Linear fade for secondary elements
Subtle opacity shift on interactive elements · Triggers spatial transform and opacity fade to reveal main site content
08
Components
buttonMinimalist ghost button with 1px white border, uppercase monospaced-style tracking, and pill-shaped center anchor
cardNone visible in the entrance screen
chipNone visible in the entrance screen
inputNone visible in the entrance screen
heroFull-viewport black background with a centered horizontal interactive bar containing brand name, circular toggle, and enter CTA
09
Voice & Don'ts
ToneExclusive, refined, and silent
HeadlinesAll-caps, wide-tracked, geometric sans-serif with generous letter-spacing
CTAsSingle uppercase word 'ENTER' aligned to the right of the navigation bar
Don't use colorful gradients — screenshot shows a pure solid black background
Don't use rounded corners on containers — screenshot shows sharp 90-degree angles on the entry bar
Don't use mixed-case typography — screenshot shows all text in uppercase
Don't use multiple accent colors — screenshot shows a strict monochromatic palette
Don't use heavy drop shadows — screenshot shows a completely flat, shadowless interface
Don't use tight letter-spacing — screenshot shows widely tracked typography
Avoid: Colorful gradients
Avoid: Playful illustrations
Avoid: Dense information layouts
Avoid: Rounded corners on structural elements
11
System prompt
Design a premium digital studio entrance for Studio Amos Fricke. Positioning: exclusive, minimalist, and refined. Key hex colors: #000000 (background) and #FFFFFF (ink), with rgba(255,255,255,0.4) for muted text. Typography categories: geometric-sans for both display and body, using uppercase and wide letter-spacing (1.05px). Critical donts: Never use colorful gradients, avoid rounded corners on structural containers, and never use mixed-case typography. The system is defined by extreme restraint, centered layout, and smooth transform-based transitions.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
