Strict monochromatic high-contrast with no decorative color.
03
Typography
geometric-sans
display216px · 400
heading22px · 400
body13px · 400
All typography is strictly monochrome and geometric. · Negative letter-spacing is heavily applied to large display text. · Text color is uniformly solid black (#000000).
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Generous vertical spacing and precise padding steps.
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 0px
Minimal and strictly 1px solid black for interactive or underlined elements.
06
Layout
1920container
4columns
24pxgutter
768 / 1024breakpoints
Expansive whitespace with a rigid, unbordered tabular grid.
07
Motion & Interaction
220msmicro
500mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
Subtle transitions on opacity and top position for interactive states.
Subtle opacity changes on navigable items. · Standard pointer cursor for interactive elements.
08
Components
buttonText-only buttons with no background or border, except for a solid black cookie action.
cardCardless layout; data is presented in a clean, borderless table.
chipNone.
inputNone.
heroMassive, centered typographic wordmark dominating the full viewport.
Captured from the live site · real computed styles
11
System prompt
This is a minimalist design studio portfolio. The layout is characterized by massive, monochromatic typography (Monument-like geometric sans-serif) centered on a stark white background (#ffffff) with solid black text (#000000). The primary content is organized in a clean, borderless tabular grid, maintaining a high-contrast, strictly architectural aesthetic. Critical constraints include the absolute prohibition of color, border-radius, drop shadows, and decorative imagery. Any deviations from this stark, flat, and grid-based structure will compromise the design's rigid, high-end editorial identity.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.