A brutalist art gallery or experimental fashion magazine spread.
02
Color
#00FB34Accent
#000000Ink
#FFFFFFBG
#AAA4A4Muted
rgba(0,0,0,1)Line
High-contrast palette dominated by black and white, punctuated by a single, aggressive neon green accent.
03
Typography
Offwhite · Times New Roman
display180px · 400
headline96px · 700
subhead72px · 700
title48px · 700
bodyLarge20px · 400
body16px · 400
Use Offwhite for all display and large headline text. · Use Times New Roman for body copy and smaller text. · Maintain tight line-heights for display text.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Irregular and chaotic, driven by overlapping images and text blocks.
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 999px
No borders; relies on sharp edges and overlapping elements.
06
Layout
12columns
768 / 1024breakpoints
Chaotic, non-linear grid of overlapping images and text blocks.
07
Motion & Interaction
220msmicro
400mssmall
800msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
Smooth fade-in and transform transitions for elements on scroll or load.
Cursor changes to pointer on interactive elements. · None visible in static screenshots.
08
Components
buttonYellow hamburger menu icon in the top right.
cardNone; layout is a continuous collage.
chipNone.
inputNone.
heroA dense, overlapping collage of a repeated portrait with large, fragmented green text and graphic shapes.
09
Voice & Don'ts
ToneExperimental, bold, non-linear, and conceptual.
HeadlinesLarge, fragmented, and integrated with graphic elements.
CTAsMinimalist and icon-based (yellow hamburger menu).
Don't use a clean, organized grid — the screenshot shows a chaotic, overlapping collage of images and text.
Don't use sans-serif for body text — the screenshot shows Times New Roman used for all body copy.
Don't use subtle or muted colors — the screenshot shows a high-contrast palette with a dominant neon green accent.
Don't use rounded corners on major elements — the screenshot shows sharp, rectangular edges on all images and shapes.
Don't use traditional component-based layouts — the screenshot shows a continuous, non-linear flow of content.
Don't use light or playful typography — the screenshot shows bold, heavy, and sometimes fragmented display fonts.
Avoid: Formal language
Avoid: Traditional grid layouts
Avoid: Subtle color palettes
Avoid: Sans-serif body text
11
System prompt
This is an experimental, brutalist editorial portfolio site. It features a chaotic, overlapping collage of repeated photographic portraits and bold, fragmented text. The color palette is starkly high-contrast, using black and white as the primary background and text colors, with a single, aggressive neon green (#00FB34) as the sole accent color. Typography relies on a custom display font named 'Offwhite' for large headlines and Times New Roman for body copy, creating a jarring contrast. Layouts are non-linear and defy traditional grid systems. Critical design constraints: Do not use a clean grid; the screenshot shows chaotic overlap. Do not use sans-serif body text; the screenshot uses Times New Roman. Do not use muted or subtle colors; the screenshot is defined by high contrast and neon green. Do not round corners; the screenshot shows sharp edges. Do not use a traditional component structure; the screenshot shows a continuous collage. Do not use light or playful fonts; the screenshot uses bold, heavy typography.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
