A minimalist white gallery space showcasing a vibrant, full-wall light installation.
02
Color
#000000Ink
#FFFFFFBG
rgba(0,0,0,0.0)Line
The design relies on a stark black-and-white UI to frame the extremely high-chroma, multicolored gradient artwork, which acts as the only color source.
03
Typography
transitional-serif
display32px · 400
body14px · 400
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Generous padding around the edge of the viewport creates a clear frame for the central artwork, with standard spacing between navigation items.
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 999px
No visible borders or border-radius on any elements, maintaining a completely flat and clean aesthetic.
06
Layout
1440container
12columns
24pxgutter
768 / 1024breakpoints
A simple header and footer frame a full-width, full-height central hero image, with no other visible sections in this view.
07
Motion & Interaction
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
No motion or animation is visible in this static screenshot.
No hover states are visible; likely standard text underline or color change on nav links. · No click states are visible.
08
Components
buttonNo buttons are visible; navigation is text-based links.
cardNo card components are visible.
chipNo chip components are visible.
inputNo input fields are visible.
heroA single, full-bleed, rectangular image composed of multiple vertical gradient strips serves as the dominant hero element, filling the majority of the viewport.
09
Voice & Don'ts
ToneMinimal, direct, and self-assured, letting the artwork speak for itself.
HeadlinesThe site title is set in a classic serif font, acting as the primary typographic identity.
CTAsNo call-to-action elements are visible; the design encourages passive viewing and exploration.
Don't use a dark mode — screenshot shows a bright white background.
Don't use a primary accent color for UI — screenshot shows black text only.
Don't use a complex grid layout — screenshot shows a single full-bleed hero image.
Don't use drop shadows or borders on surfaces — screenshot shows a completely flat design.
Don't use a sans-serif font for the logo — screenshot shows a transitional serif typeface.
Avoid: Don't use a dark theme — the screenshot shows a light, white background.
Avoid: Don't use rounded corners — the screenshot shows sharp, rectangular elements.
Avoid: Don't use colored UI elements — the screenshot shows purely black text on white.
Avoid: Don't use a complex grid for content — the layout is a single full-bleed image.
Avoid: Don't use heavy borders or drop shadows — the design is completely flat.
Avoid: Don't use playful or rounded typography — the font is a classic, sharp serif.
11
System prompt
This is a minimalist artist portfolio website for 'Mario Carrillo'. It uses a stark white background with black transitional-serif typography for a classic, refined identity. The layout is extremely simple, with a single full-bleed, full-height hero image featuring vibrant, vertical gradient strips in cyan, magenta, yellow, and green, which serves as the sole color source. The design avoids any dark mode, rounded corners, colored UI elements, complex grids, drop shadows, or sans-serif branding, focusing entirely on framing the artwork. Key hex colors are #FFFFFF for background and #000000 for ink. Font categories are transitional-serif for both display and body.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
