A pristine, brutalist gallery wall with meticulous black lettering.
02
Color
#000000Ink
#ffffffBG
rgba(0, 0, 0, 1.0)Line
Strict, high-contrast, monochromatic palette.
03
Typography
grotesque-sans
display16px · 700
body12px · 700
small10px · 700
Typography is entirely monospaced-width or tightly tracked, mostly set in Bold (700). · Line height is strictly proportional to the small font sizes (1.2).
04
Spacing
4px
8px
10px
16px
24px
32px
48px
64px
Strict, minimal padding and tight column gaps.
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 0px
1px solid rgb(0, 0, 0)
06
Layout
1920container
4columns
24pxgutter
768 / 1024breakpoints
Multi-column text grid.
07
Motion & Interaction
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
Global transition applied to all elements.
Cursor changes to pointer on interactive text links. · Immediate response on text links.
08
Components
buttonText links with an upward-pointing diagonal arrow.
cardText-only layout without visible cards or containers.
heroDense, left-aligned block of bold introductory text.
09
Voice & Don'ts
ToneProfessional, direct, and objective.
HeadlinesThird-person biographical introduction.
CTAsUnderstated text links for contact.
Don't use multiple font families — screenshot shows a single grotesque-sans family.
Don't use different font weights for emphasis — screenshot shows uniform bold (700) weight.
Don't use color accents or highlights — screenshot shows strictly black text on white.
Don't use rounded corners or card containers — screenshot shows a raw, borderless text layout.
Don't use drop shadows or depth effects — screenshot shows completely flat typography.
Don't use decorative icons — screenshot uses only a single arrow character for links.
Captured from the live site · real computed styles
11
System prompt
This is a highly restrained, brutalist portfolio site for a creative director. The design relies entirely on a strict, monochromatic palette (pure black #000000 ink on a pure white #ffffff background) with no accent colors. Typography is the primary structural element, utilizing a single grotesque-sans family (Suisse Intl) set almost entirely in a bold weight (700) across various small sizes (10px, 12px, 16px). Layout is a dense, multi-column text grid with minimal padding. Critical don'ts include: never use more than one font weight, never introduce color or decorative graphics, and never use rounded corners or shadows. The overall aesthetic is architectural and purely informational, focusing on absolute legibility and structural restraint.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
