A dark/light editorial portfolio template built for art directors, designers and studios whose work spans brand, packaging, interiors and campaign photography. Built around a restrained black/white/grey system, tight editorial typography, and interactive detail that most portfolio templates fake — density toggles that actually reorganize the grid, and project disclosures that reveal real credit lines, not just a caption.
Fully CMS-driven: add a project or archive piece without touching the canvas. Four pages, one shared navigation and footer, consistent motion throughout.
Layout & Structure
4 pages — Home, Work Archive, About, Contact — sharing one layout template for nav and footer
Per-page light/dark switching via a single color variable, no duplicated chrome
Fully responsive across 4 breakpoints (desktop, small desktop, tablet, phone)
Working Density Toggles
Real grid-density switching (2 / 4 / 8 columns) on the homepage and archive — built as components with actual variants, not static icons
Density controls animate on hover and press
CMS-Backed Content
Projects collection: title, category tags, year, description, up to 8 images per project, client and credits
Archive collection: 24+ entries with independent tall/wide image variants
Add, remove or reorder work entirely from the CMS — no canvas edits required
Interactive Project Detail
Expandable disclosure per project reveals a full description plus Client and Credits lines
Smooth open/close with icon state change
Motion System
Scroll-triggered reveals with staggered timing for grids and galleries
Line-by-line text entrances on statement headlines
Restrained hover states (opacity, no gratuitous zoom/blur)
Cross-fade page transitions
Sticky section headers that pin beneath the nav while content scrolls
Contact
Fully functional form (name, email, message) with validation and a real submit flow
Ready to connect to your own destination in Framer's form settings
A dark/light editorial portfolio template built for art directors, designers and studios whose work spans brand, packaging, interiors and campaign photography. Built around a restrained black/white/grey system, tight editorial typography, and interactive detail that most portfolio templates fake — density toggles that actually reorganize the grid, and project disclosures that reveal real credit lines, not just a caption.
Fully CMS-driven: add a project or archive piece without touching the canvas. Four pages, one shared navigation and footer, consistent motion throughout.
Layout & Structure
4 pages — Home, Work Archive, About, Contact — sharing one layout template for nav and footer
Per-page light/dark switching via a single color variable, no duplicated chrome
Fully responsive across 4 breakpoints (desktop, small desktop, tablet, phone)
Working Density Toggles
Real grid-density switching (2 / 4 / 8 columns) on the homepage and archive — built as components with actual variants, not static icons
Density controls animate on hover and press
CMS-Backed Content
Projects collection: title, category tags, year, description, up to 8 images per project, client and credits
Archive collection: 24+ entries with independent tall/wide image variants
Add, remove or reorder work entirely from the CMS — no canvas edits required
Interactive Project Detail
Expandable disclosure per project reveals a full description plus Client and Credits lines
Smooth open/close with icon state change
Motion System
Scroll-triggered reveals with staggered timing for grids and galleries
Line-by-line text entrances on statement headlines
Restrained hover states (opacity, no gratuitous zoom/blur)
Cross-fade page transitions
Sticky section headers that pin beneath the nav while content scrolls
Contact
Fully functional form (name, email, message) with validation and a real submit flow
Ready to connect to your own destination in Framer's form settings
