Pietra is live.
An interior architecture template built on a true-neutral system: two typefaces, a real twelve column grid, and restraint everywhere else.
The part I spent longest on is the page transition. Framer's page effects are the View Transitions API, and the wipe is a mask with no color of its own. Once that clicked, I could paint the band it opens and let the wordmark ride the ink as it travels. Every page change became one gesture instead of a fade.
Also in there: a cursor that draws the same line as the nav underline and reads the surface beneath it, a footer revealed rather than scrolled to, and architecture grade project data on every project.
11 pages, 5 CMS collections.
Happy to answer anything about how the transition works.
Pietra is live.
An interior architecture template built on a true-neutral system: two typefaces, a real twelve column grid, and restraint everywhere else.
The part I spent longest on is the page transition. Framer's page effects are the View Transitions API, and the wipe is a mask with no color of its own. Once that clicked, I could paint the band it opens and let the wordmark ride the ink as it travels. Every page change became one gesture instead of a fade.
Also in there: a cursor that draws the same line as the nav underline and reads the surface beneath it, a footer revealed rather than scrolled to, and architecture grade project data on every project.
11 pages, 5 CMS collections.
Happy to answer anything about how the transition works.
