Strict monochromatic functional palette with high contrast for maximum legibility.
03
Typography
grotesque-sans · monospace
body16px · 400
caption12px · 400
Use system fonts for maximum compatibility and speed.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Strictly centered with generous vertical padding to focus attention.
05
Surfaces
sm · 4px
md · 8px
lg · 12px
pill · 999px
None
06
Layout
1280container
12columns
24pxgutter
768 / 1024breakpoints
Vertically and horizontally centered content with a fixed footer.
07
Motion & Interaction
220msmicro
400mssmall
800msmedium
lineareasing
Infinite rotating loading spinner
09
Voice & Don'ts
ToneNeutral, technical, and impersonal.
HeadlinesSimple, declarative status update.
CTAsdefault
Don't use background images or textures — screenshot shows a pure white background.
Don't use multiple font families — screenshot shows only a single sans-serif and a monospaced font.
Don't use drop shadows or elevation — screenshot shows completely flat elements.
Don't use decorative borders or outlines — screenshot shows no visible borders.
Don't use complex multi-column layouts — screenshot shows a single centered column.
Don't use primary action buttons — screenshot shows no interactive buttons.
Avoid: Marketing language
Avoid: Promotional elements
Avoid: Emotional appeals
11
System prompt
This is a minimal security checkpoint screen. The design relies on a strict monochromatic palette with a white background (#FFFFFF) and black text (#000000), using standard system UI sans-serif fonts. The layout is strictly centered with a simple rotating loading spinner and a single line of status text. Critical constraints: no use of decorative elements, shadows, or complex layouts; maintain high contrast; and ensure the typography remains purely functional and system-based. Avoid any marketing language or visual embellishment.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
