Quick Access

Links

Direct links to the live site, CMS, and local dev servers.

Live

Live Site

Production deployment — Blanc photography portfolio

Open

Design System Docs

Production docs site — component library and design tokens

Open

CMS

Sanity Studio

Content management — photos, categories, pages, blocks

Open

Local

Web App

Next.js dev server — run pnpm dev inside apps/web

Open

Sanity Studio (local)

Local Sanity Studio — run pnpm dev inside apps/studio

Open

Docs (local)

Design system docs — run pnpm dev inside apps/docs

Open

Local dev servers require the respective app to be running.

Upload Reference

Image Dimensions

Recommended upload sizes for each photo context. Sanity CDN and next/image generate responsive variants automatically — these are the source resolutions to upload.

Context
Recommended
Minimum
Ratio
Notes

Hero

Homepage — full-bleed parallax

3840 × 2160
1920 × 1080
16:9

Uploaded at full res; Sanity CDN serves responsive srcset. Extra pixels are cropped by parallax motion.

Gallery card — large

Full-width rows (Row 3, Row 8)

2560 × 1600
1920 × 1080
Any landscape

next/image serves 1920px wide. Hotspot controls crop focus.

Gallery card — standard

Multi-column rows

1600 × 1200
1200 × 900
Any

Served at up to 1200px. Portrait images work well in narrow columns.

Category strip

Homepage 3-col nav strip

1200 × 800
800 × 600
3:2

Displayed at 240px tall, any width. Hotspot ensures subject stays in frame.

Photo detail

/photo/[slug] full-screen view

3840 × 2560
2000 × 1333
Any

This is the full-res view. Upload the highest quality original available.

Image section block

Page builder imageSection

3840 × 2160
1920 × 800
Wide landscape

Heights range from 400px (small) to 100vh (fullscreen). Wider is always safer.

All images should be uploaded as high-quality JPEG or WebP. Sanity stores the original and serves optimised variants via CDN. Enable hotspot on every image so editors can control crop focus.