Umbrall is a single-screen Framer template for design studios, creative practices and independent portfolios. The whole site is one console interface that never scrolls. Moving between Work, Studio, Process and Contact changes the section in place, with the entire frame interpolating to that section's palette instead of loading a new page — real URLs and a working back button, without the site ever feeling like it reloaded.
Single-screen interface at full viewport height, with no page scrolling
Section-to-section colour morph on one spring, with the layout held perfectly still
Persistent layout template, so the interface never remounts between routes
Real URLs and working browser navigation throughout
CMS-powered project index and section photography
Hover-preview on the index that swaps imagery and palette live
Staggered entrance sequences and icon-roll button microinteractions
Per-section palettes built on a 26-token colour system
Three tailored breakpoint designs for desktop, tablet and phone
Fully responsive across desktop, tablet and mobile
Home
Work
Studio
Process
Contact
404
Design studios and creative practices
Independent designers, art directors and photographers
Motion, 3D and interaction specialists
Any portfolio that wants presence over page count
We design and build custom Framer websites and templates. Get in touch at contact@teampixel.com.au.
Umbrall is a single-screen Framer template for design studios, creative practices and independent portfolios. The whole site is one console interface that never scrolls. Moving between Work, Studio, Process and Contact changes the section in place, with the entire frame interpolating to that section's palette instead of loading a new page — real URLs and a working back button, without the site ever feeling like it reloaded.
Single-screen interface at full viewport height, with no page scrolling
Section-to-section colour morph on one spring, with the layout held perfectly still
Persistent layout template, so the interface never remounts between routes
Real URLs and working browser navigation throughout
CMS-powered project index and section photography
Hover-preview on the index that swaps imagery and palette live
Staggered entrance sequences and icon-roll button microinteractions
Per-section palettes built on a 26-token colour system
Three tailored breakpoint designs for desktop, tablet and phone
Fully responsive across desktop, tablet and mobile
Home
Work
Studio
Process
Contact
404
Design studios and creative practices
Independent designers, art directors and photographers
Motion, 3D and interaction specialists
Any portfolio that wants presence over page count
We design and build custom Framer websites and templates. Get in touch at contact@teampixel.com.au.
Aidan Looker
