Aperture

Live preview →

Aperture is the photography portfolio theme — built to feel like a gallery wall, not a marketing page. Its signature idea is a semantic dual canvas: personal work shows on white, commissioned work on black, so the background itself means something. Best for portrait, landscape, and editorial photographers, visual artists, and studios shooting both commissioned and personal work.

Property	Value
Tier	Pro ($39 launch / $49 reg.)
Category	Photography / portfolio
Body font	Mona Sans Variable (grotesque UI)
Display font	Fraunces Variable (high-contrast serif)
Palette	Monochrome — pure white / pure black, the photos are the colour
Variants	Light + dark (toggle in nav, persists per visitor)

Included pages

/ — homepage: oversized name + signature frame, selected frames, commissioned band, work index, “selected clients & press” credits, about
/work/ — the work index (text list; hover a title and its photo follows the cursor)
/work/[slug]/ — per-series pages: numbered full-width frames (01 / NN) on white or black per the series’ mode
/about/ — sticky portrait, short bio, representation line, plain facts
/journal/ and /journal/[slug]/ — writing index + post pages
/contact/ — underline-only inquiry form
/sections/ — live gallery of all 14 sections with copy-paste snippets
/privacy/, /terms/, /404

What makes Aperture different

Semantic dual canvas — set a series to mode: "personal" (renders on white) or mode: "commissioned" (renders on black) in its frontmatter; the page, nav, and type all flip to match.
Cursor-follow work index — the Work list is plain text; hovering a project title reveals its cover image trailing the cursor. On touch it falls back to inline thumbnails.
Numbered series sequencing — each project runs as 01 / NN full-width frames with prev/next navigation.
Light / dark toggle — sun/moon in the nav, preference persists in localStorage, pre-paint script prevents FOUC. (Independent of the per-series semantic canvas; an explicit choice wins site-wide.)
Keyboard lightbox — arrow keys + Esc, behind every gallery image.
“Selected clients & press” credits — publication names instead of a testimonials carousel, the premium-tier convention.

What’s next

Configure → site.ts — identity, hero, selected frames, credits, contact, and social all flow from this one file.
Customize → Pages — projects live as Markdown in src/content/series/ (set mode + cover + gallery), writing in src/content/journal/.
Swap the imagery — the demo uses hand-picked photos; replace every image URL / public file with your own work. The theme is built so the photographs carry it.
Configure → Forms — set contact.provider (Formspree / FormSubmit / Netlify) in site.ts.