Belmont is a Framer template for real estate agencies, developers and independent agents who sell homes by place and way of life. Every visit opens on a wine screen where a counter climbs to 100 while photographs flip, then the intro lands exactly on the home page photo. The home page is one calm screen: a giant “Well Placed” marquee runs behind a square photo, with a short lead, a starting price and an Explore collections button.
What’s included
- 9 pages: Home, Collection, Property, Properties, About, Contact, Imprint, Styleguide and 404
- Two Framer Skills:
/customize and /design-system
- Explore collections overlay that shrinks the page into a preview under the collection cards
- Collection pages in their own colour, with a hero that grows from a square to full screen on scroll
- Preloader with a counter and flipping photos that lands on the hero photo
- Fixed header that turns solid after the hero, and a menu panel with the collections from the CMS
- 2 CMS collections: Collections and Properties
- Reusable Collection Card, Property Card, Arrow Link, Button and Submit Button components
- Contact form with sending, success and error states
- Smooth scrolling with an on and off toggle
- Responsive layouts for desktop, tablet and phone
- SEO ready, with titles, descriptions and social images per page
- Motion that respects reduced motion settings
Set in Google Sans and Fraunces. Open /customize in Framer AI, follow the steps, then publish.
