a monochrome architectural maquette on a clean gallery pedestal
02
Color
#2E608AAccent
#666666Ink
#FFFFFFBG
#B0B0B0Muted
rgba(0,0,0,0.1)Line
strict monochromatic base with a single muted blue accent for brand recognition
03
Typography
geometric-sans
display48px · 400
text is monochromatic and purely functional · lowercase styling used for the primary brand identifier
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
generous whitespace around central elements
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 999px
none visible, relying on whitespace and geometry
06
Layout
1200container
12columns
24pxgutter
768 / 1024breakpoints
centered vertical stack on a clean white canvas
07
Motion & Interaction
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
no visible interactive elements or hover states · no visible interactive elements or click states
08
Components
heroa minimalist centered brand lockup consisting of a monochrome geometric logo and lowercase typography
09
Voice & Don'ts
Toneminimalist, formal, and architectural
Headlineslowercase, geometric sans-serif, used sparingly
CTAsno call-to-action buttons visible
don't use bright or neon colors — screenshot shows a strict monochrome palette with one muted blue accent
don't use drop shadows or 3D effects — screenshot shows completely flat design elements
don't use decorative illustrations — screenshot shows only a geometric, abstract logo mark
don't use uppercase text — screenshot shows strictly lowercase typography for the brand name
don't use complex background patterns — screenshot shows a solid, clean white background
don't use complex navigation or multiple UI elements — screenshot shows a singular, isolated brand lockup
Avoid: bright colors
Avoid: decorative elements
Avoid: visual clutter
11
System prompt
This design system represents a highly minimalist and architectural brand identity. It is positioned as a clean, formal studio presence. The key colors are a pure white background, monochromatic greys for the logo mark and text, and a single muted blue accent. The typography category is geometric-sans, characterized by clean lines and lowercase styling. Critical donts include: do not introduce bright colors or gradients; do not add drop shadows or complex textures; do not use uppercase typography. The layout should emphasize generous whitespace and centered, sculptural geometry.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
