Minimal system interface with standard browser defaults
03
Typography
system-sans · system-mono
display32px · 400
body16px · 400
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
minimal vertical spacing between text elements
05
Surfaces
sm · 4px
md · 4px
lg · 4px
pill · 999px
none
06
Layout
1280container
1columns
768 / 1024breakpoints
single column left-aligned content block
07
Motion & Interaction
0msmicro
0mssmall
0msmedium
lineareasing
button hover state not shown · button click not shown
08
Components
buttonpill-shaped blue button with white text
09
Voice & Don'ts
Tonetechnical, neutral, direct
Headlinessimple declarative statement
CTAsstandard system button
don't use decorative fonts — screenshot shows system sans-serif
don't add complex layouts — screenshot shows single left-aligned column
don't use multiple colors — screenshot shows white background, black text, one blue button
don't add shadows or depth — screenshot shows flat UI with no elevation
don't use heavy border radius on cards — screenshot shows no card components
don't add animations — screenshot shows static error state
Avoid: marketing language
Avoid: emotional appeals
Avoid: complex explanations
11
System prompt
This is a standard browser SSL error page for a site called Bricklayerdao. The design uses system UI defaults with a white background (#FFFFFF), black text (#000000), gray muted text (#757575), and a single blue accent button (#1A73E8). Typography is entirely system sans-serif at standard sizes. The layout is minimal with left-aligned text content. Critical donts: avoid decorative fonts, avoid complex multi-column layouts, avoid adding shadows or depth effects, avoid animation, avoid marketing language, avoid non-system UI components. This represents a pure system interface pattern.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
