A meticulously curated, quiet gallery that lets the work speak through silence and space.
02
Color
#080807Ink
#F0EFEFBG
#F9F9F9BG soft
#343434Muted
rgba(8,8,7,1.0)Line
Strict achromatic palette relying on extreme value contrast and expansive negative space to establish a calm, sophisticated atmosphere.
03
Typography
geometric-sans
display193px · 300
body47px · 300
Maintain an ultra-light weight (300) across all text elements to preserve the airy, delicate aesthetic. · Use aggressive negative tracking to give the geometric letterforms a dense, cohesive block-like appearance. · Keep line-heights extremely tight to match the dense tracking and prevent excessive vertical spacing. · Use standard sans-serif as the only fallback when SCTO is unavailable, avoiding serif or decorative fonts.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Asymmetrical and expansive, using massive vertical padding and margins to force a slow, deliberate scrolling rhythm.
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 0px
None visible. The design relies entirely on typography, imagery, and negative space to define structure without physical boundaries.
06
Layout
1280container
12columns
24pxgutter
768 / 1024breakpoints
A strictly minimal, top-heavy document flow. Elements are left-aligned or centered with extreme vertical padding and no visible grid lines or structural borders.
07
Motion & Interaction
200msmicro
400mssmall
800msmedium
cubic-bezier(0.215, 0.61, 0.355, 1)easing
Fast micro-interactions (200ms) for standard hover and click state changes. · Slower, more deliberate transitions (400-600ms) for primary element opacity and color shifts. · Strict application of a single, consistent easing curve across all animated properties.
Subtle opacity shifts and color transitions, maintaining the overall quietness of the interface without introducing loud feedback. · Standard pointer cursor with immediate, minimal visual feedback via the established transition timings.
08
Components
buttonMinimal text-only links with no background, relying purely on typography and subtle opacity transitions for interaction states.
cardNo traditional cards are used. Content is presented as standalone, full-width typographic blocks or edge-to-edge photographic grids.
chipNone visible. The design avoids all auxiliary UI elements in favor of a pure editorial structure.
inputNone visible in the provided screenshots.
heroA massive, dominant typographic display set in an ultra-light weight with extensive negative space beneath it.
09
Voice & Don'ts
ToneIntellectual, quiet, deliberate, and deeply conceptual.
HeadlinesExtremely large, ultra-light, and heavily tracked geometric sans-serif, often in a single dominant line.
CTAsSubdued, understated text links that blend into the overall typographic hierarchy rather than standing out.
Don't use heavy font weights — screenshot shows ultra-light (300) exclusively.
Captured from the live site · real computed styles
11
System prompt
Position this as a minimalist design studio portfolio that prioritizes quiet confidence over loud presentation. The visual language is defined by a strict achromatic palette: a near-black (#080807) for ink, a warm off-white (#F0EFEF) for background, and occasional deep grays (#343434) for muted text. Typography is exclusively geometric-sans rendered at an ultra-light weight (300) with aggressive negative tracking, creating dense, deliberate blocks of text. The layout relies heavily on massive negative space and a single, consistent cubic-bezier transition for all animations. Key critical donts: never use font weights heavier than 300, never introduce saturated accent colors, and never add decorative elements like shadows or rounded corners. The system must maintain extreme restraint and rely purely on typography, photography, and space to communicate.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.