Edit me
How to make this template yours.
Listings
Listings
Add a home in CMS > Listings. Fill Name, Price, Status (For sale, For rent or Sold), beds, baths and area. Tick Featured to show it on Home.
Add a home in CMS > Listings. Fill Name, Price, Status (For sale, For rent or Sold), beds, baths and area. Tick Featured to show it on Home.
The lights effect
The lights effect
Each listing takes up to four photos: Lights On (your dusk photo), Lights Off, Daylight and a Lights Map. Only Lights On is required. Without the others, the photo simply dims and brightens.
Each listing takes up to four photos: Lights On (your dusk photo), Lights Off, Daylight and a Lights Map. Only Lights On is required. Without the others, the photo simply dims and brightens.
Lights Map
Lights Map
A small PNG where each window is painted a different grey (white first, darker later) on a transparent background. Panes switch on in that order. Leave it empty for a simple fade.
A small PNG where each window is painted a different grey (white first, darker later) on a transparent background. Panes switch on in that order. Leave it empty for a simple fade.
Focus
Focus
Focus X and Focus Y (0 to 100) keep the lit windows in view when a photo is cropped on phones and tablets.
Focus X and Focus Y (0 to 100) keep the lit windows in view when a photo is cropped on phones and tablets.
Hero switch
Hero switch
The Lights switch on the hero is a property of the Lights On component. Turn it off, rename it or move it to another corner.
The Lights switch on the hero is a property of the Lights On component. Turn it off, rename it or move it to another corner.
Cut-away rooms
Cut-away rooms
Select the Cut Away component and edit Rooms: a label, a note and a box (left, top, width, tall) in percent of the photo.
Select the Cut Away component and edit Rooms: a label, a note and a box (left, top, width, tall) in percent of the photo.
Neighbourhoods and agents
Neighbourhoods and agents
Both are CMS collections. Order sets the order on the page. Photos look best in portrait for agents and in landscape for areas.
Both are CMS collections. Order sets the order on the page. Photos look best in portrait for agents and in landscape for areas.
Forms
Forms
The valuation, viewing and contact forms send to Framer’s form inbox. Connect your email or CRM in the form settings.
The valuation, viewing and contact forms send to Framer’s form inbox. Connect your email or CRM in the form settings.
Colours and type
Colours and type
Change the Bone, Charcoal and Amber colour styles and the Hanken Grotesk text styles to restyle the whole site.
Change the Bone, Charcoal and Amber colour styles and the Hanken Grotesk text styles to restyle the whole site.