madebrux17h
New one. Pietra, for interior architecture studios.
Kept it to two typefaces and a real grid and let the photography do the work.
madebrux
A small design studio building Framer templates and custom websites. New work shipping regularly.
A small design studio building Framer templates and custom websites. New work shipping regularly.
New one. Pietra, for interior architecture studios.
Kept it to two typefaces and a real grid and let the photography do the work.
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.
Interior Architecture & Design Template in the making!
Adding some animations to the new template I'm working on!
Work section for Noah Vesper, an interactive portfolio template!
Hyped to finally ship reposts with @Cal. Reshare posts you love straight to the For You feed and help great work reach more people.
Great work deserves to be shared!
Noah Vesper, the full homepage.
A case-study portfolio for product designers, and the homepage is where the interactions live: scroll-rotating cards, parallax media, cursor-follow text, and a physics-based bouncy line. Eight pre-written case studies sit behind it, all running on Framer's CMS.
Live on the Framer Marketplace
Does any other template offer such a detailed Case Study page...
What a start to the week 🥳
Noah Vesper made its first sale!
On to the next template!
A perfect hero you can think of!!
Noah Vesper, the full homepage.
A case-study portfolio for product designers, and the homepage is where the interactions live: scroll-rotating cards, parallax media, cursor-follow text, and a physics-based bouncy line. Eight pre-written case studies sit behind it, all running on Framer's CMS.
Live on the Framer Marketplace
Loved how this one turned out!
Flipside: a photo card that flips between two faces. Your cursor drives the flip on desktop. On phones it loops on its own.Spent the last few weeks figuring out how to make the tilt reverse cleanly across the rotation, and how to make sure the interaction never feels dead on touch.
Built for portfolio hero sections, About pages, anywhere a single image could earn a second look.
Review process or not, the work has to hold up.
Noah Vesper: a portfolio template for product designers, built around case study best practices that actually get you hired.
Take a look: https://noahvesper.framer.website/
