A quiet gallery space where architecture meets digital art.
02
Color
#030303Ink
#e8e8e8BG
rgba(3,3,3,0.1)Line
Extreme restraint; rely on a strict light-on-dark / dark-on-light binary with high contrast.
03
Typography
transitional-serif · grotesque-sans
display44px · 400
body16px · 400
caption14px · 400
Use wide letter-spacing for uppercase labels. · Keep line-heights tight for display typography. · Never use bold weights; rely on size and font-family for hierarchy.
04
Spacing
4px
8px
16px
20px
24px
40px
48px
160px
Use strict 16px base units with large, breathing margins for spatial balance.
05
Surfaces
sm · 4px
md · 8px
lg · 12px
pill · 999px
None
06
Layout
1440container
12columns
16pxgutter
768 / 1024breakpoints
Full-screen canvas layouts with content anchored to specific zones.
07
Motion & Interaction
250msmicro
300mssmall
1900msmedium
cubic-bezier(0.165, 0.84, 0.44, 1)easing
Slow, elegant opacity fades for page transitions. · Subtle hover states for interactive text elements. · Smooth, linear movements for 3D WebGL elements.
Subtle color shifts and opacity changes on navigation and CTA text. · Immediate visual feedback via state change.
08
Components
buttonText-only interactive elements relying on subtle opacity and color shifts.
cardMinimalist project showcases relying on high-resolution imagery.
heroFull-viewport immersive scene with a 3D sculptural background.
09
Voice & Don'ts
ToneSophisticated, understated, and highly professional.
HeadlinesShort, impactful statements with elegant serif typography.
CTAsUnderstated text links with minimal visual noise.
Don't use bold weights — the screenshot shows only regular weights for all text elements.
Don't add drop shadows — the screenshot shows perfectly flat, matte UI surfaces.
Don't use bright accent colors — the palette is strictly monochromatic grayscale.
Don't use rounded containers — the layout relies on sharp edges and full-bleed imagery.
Don't clutter the layout — the screenshot demonstrates extreme use of negative space.
Don't use decorative borders — elements are separated by whitespace rather than lines.
Captured from the live site · real computed styles
11
System prompt
This site is a premium digital agency portfolio, characterized by an elegant, monochromatic color palette using light grays (#e8e8e8) and near-blacks (#030303). Typography relies on a refined combination of transitional-serif for display and grotesque-sans for body. The layout is spacious and minimalist, utilizing full-viewport canvases and extreme negative space. Critical constraints: strictly avoid bold font weights, never use drop shadows or decorative borders, and maintain a high-contrast grayscale aesthetic. Always prioritize refined, studio-grade presentation over functional density.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
