← OpenDesign CURATED · OPEN · FREE
Nathansmith
A minimal, monochromatic portfolio site that uses extreme typographic scale and vast negative space to create a premium, gallery-like presentation.
Portfolio Typography Bold Curation Studio
01
Identity DNA
minimal premium art-directed bold editorial
A high-end monochromatic art gallery.
02
Color
#F5F4EEInk
#FFFFFFInk soft
#000000BG
#333333Muted
rgba(245, 244, 238, 1)Line
Extreme monochrome minimalism, relying on typography and negative space.
03
Typography
transitional-serif · geometric-sans
display 80px · 400body 16px · 400caption 14px · 400Use transitional-serif for display text · Use geometric-sans for body text · Ensure all typography is uppercase for display elements
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
128px
generous vertical and horizontal spacing with large gaps
05
Surfaces
sm · 4px
md · 8px
lg · 12px
pill · 999px
no visible borders, rely on negative space
None: None
06
Layout
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
asymmetric, edge-anchored with vast central negative space
07
Motion & Interaction
220ms micro
500ms small
1000ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
fade-in · color-shift · opacity-change
cursor pointer on all interactive elements · immediate visual feedback
08
Components
button pill-shaped buttons with a dark background and light text card minimal floating cards with deep shadows for awards chip pill-shaped tags hero vast empty space with a single massive typographic element anchored to the edge 09
Voice & Don'ts
Tone quiet, confident, professional Headlines bold, all-caps, massive scale CTAs minimal, text-based with arrow indicators Don't use multiple colors — screenshot shows a strictly monochromatic palette of black, white, and off-white Don't center-align text — screenshot shows left-aligned, edge-anchored typography Don't use tight spacing — screenshot shows vast, empty negative space between elements Don't use small, crowded layouts — screenshot shows a minimalist, gallery-like composition Don't use complex backgrounds — screenshot shows a solid, flat black background Don't use decorative borders — screenshot shows elements separated by space, not lines Avoid: decorative elements Avoid: busy layouts Avoid: bright colors 10
Inside the pack — real screenshots
桌面首屏（hero） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 移动首屏 Captured from the live site · real computed styles
11
System prompt
A minimalist portfolio site for an art director. The design is strictly monochromatic, using a black background (#000000) and off-white text (#F5F4EE) with a transitional-serif display font and a geometric-sans body font. It features a massive typographic scale for headlines and vast, empty negative space to create a premium, gallery-like feel. Floating UI elements use deep, dark shadows and pill shapes. Critical constraints: maintain the strict monochrome palette, use massive negative space, and anchor all typography to the edges of the viewport.
More from the library en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: An exceptional example of using extreme negative space and typographic scale to create a powerful, premium portfolio presentation.
