Gavl

Framer template for architecture and interior studios that let the buildings speak. Big photography, a wordmark that fills the screen and motion that stays quiet: the hero sweeps from one house to the next in a soft liquid wipe, a project card grows into its own cover when clicked, and the footer is a dusk lake that ripples under the cursor. The studio, projects and awards are fictional.

Pages included

• Home: hero slideshow, statement, How we start, selected work, services, process and fees, client words, FAQ

• Work: the project grid

• Project: one page per project from the CMS

• Studio: story, principles, materials, numbers and awards

• Contact: enquiry form with project type and budget

• Legal: privacy and terms from the CMS

• Custom 404 and a hidden Read Me guide

Features

• WebGL hero slides with cursor ripples and a next-project ring

• A wordmark that scales with any screen

• Card to cover photo transfer and a cover that opens on load

• Words that light up as you scroll

• A sideways work rail and services that open on hover

• Fees on the page, stage by stage

• Award photos that follow the cursor

• A nav that turns black or white for whatever is behind it

• Smooth scroll, a styled scrollbar, and Desktop, Tablet and Phone layouts

Edit it in a few fields

• Projects (CMS): Title, Place, Year, Type, Area, Card Line, Lead, Site, Brief, Result, Quote, Layout, Cover and photos

• Services, Stages and fees, Awards, FAQ and Legal (CMS)

• Hero: slides, line, hold and wipe timing

• Footer lake: photo, waterline, swell

• Colour and text styles for the whole site

Best for

• Architecture and interior design studios

• Designers building sites for architects

Swap in your buildings and your words, and keep "Start a project" one click away.

Support: sanketsonmali@gmail.com