A pristine gallery space with a subtle serif accent.
02
Color
#000000Ink
#EFEFEFBG
#9E9E9EMuted
rgba(0,0,0,1.0)Line
Extreme restraint using high-contrast neutrals to let the architectural photography breathe.
03
Typography
didone-serif · grotesque-sans
display196px · 200
headline48px · 400
body16px · 400
Use didone-serif for large, elegant display elements like the '214' numeral. · Use grotesque-sans for functional UI, navigation, and standard paragraph text. · Maintain tight negative letter-spacing across all typography to preserve the refined aesthetic.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
generous whitespace with isolated vertical padding, e.g., 207px top/bottom
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 999px
Thin, crisp black lines used sparingly for separation
06
Layout
1280container
12columns
24pxgutter
768 / 1024breakpoints
A single-column or highly structured asymmetric grid dominated by massive empty space
07
Motion & Interaction
200msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
Color fades on interaction · Opacity transitions for elements
Subtle text color change on interactive elements. · Immediate response with minimal visual feedback.
08
Components
buttonText-only with simple underline or state change on hover.
cardTypography-driven with generous whitespace, no background containers.
heroSparse typography with a massive didone numeral and thin horizontal rule.
09
Voice & Don'ts
ToneConfident, silent, and highly refined.
HeadlinesMinimal, often using large numbers or single words.
CTAsUnderstated, functional text.
Don't use shadows — screenshot shows completely flat surfaces.
Don't use border-radius — screenshot shows sharp, unrounded corners.
Don't use vibrant colors — screenshot shows strictly monochrome/black and white.
Don't use drop shadows — screenshot relies entirely on flat design.
Don't clutter the interface — screenshot shows extreme negative space.
Don't use sans-serif for display text — screenshot uses a didone-serif for the large numeral.
Captured from the live site · real computed styles
11
System prompt
This is a refined architectural portfolio website. It positions itself through extreme restraint, high-end minimalism, and a gallery-like presentation of work. The key colors are a very light neutral gray (#EFEFEF) background with strict black (#000000) ink, creating a high-contrast, austere feel. Typography uses a sophisticated pairing of a thin didone-serif for large display elements (like the '214' numeral) and a clean, functional grotesque-sans for navigation and body text. Critical design rules: maintain generous, almost vast whitespace; use only thin, crisp lines for separation; and never introduce shadows, border-radius, or vibrant colors. The tone is confident, silent, and premium.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
