Set up in an afternoon. Five things, in this order.
Change June Halvorsen in the Navigation component, the footer in Main layout and the Introduction on the home page. Swap the portrait on Introduction and About.
Navigation, Main layout, Home, About
Open CMS › Homes. Each home has a Status (For sale, Under offer, Sold). Turn Featured on for one sold home (it tells the story at the top of the home page) and one home for sale (the room-by-room viewing).
CMS › Homes
For sold homes fill Listed on, Days to sell, Offers, Open house visitors, Open house day and Offers day. The day strip, the sign and the figures are drawn from these.
CMS › Homes
Select each form (Valuation on Home, Contact) and choose where submissions go in Framer’s form settings.
Home, Contact
Change the colour styles and the typeface below. Every colour and every piece of text uses a style, so the whole site follows.
Assets › Colors, Text
Colours. Thirteen colour styles, one accent.
Paper #ECE9E3
Page
Paper deep #E3DFD8
Panels, photo ground
Ink #1D1C1A
Headings, buttons
Body #4A4741
Paragraphs
Muted #8A857D
Labels, second tone
Line #D2CDC4
Hairlines
Night #121211
The dark band and page heads
Night raised #1B1A18
Current day in the strip
Night line #2E2C29
Lines on Night
On night #F0ECE5
Text on Night
On night muted #8E897F
Second tone on Night
Accent #B4532F
The sold mark, used once
On photo #F6F3EE
Signs and text on photos
Type. Familjen Grotesk, regular weight, tight.
Listed on a Thursday.
What sold, and how long it took.
Price it to the street
1418 South Gaylord Street
1418
Four offers by the Tuesday.
I’ll tell you what yours is worth before I ask to list it.
Noon shows buyers the rooms. Dusk shows them the house.
Broker, licensed in Colorado since 2015.
Washington Park · $1,185,000
Open this weekend
Homes Sold Services
Three other palettes. Copy the values into the colour styles.
Paper #E4E7DF · Paper deep #D9DED2 · Ink #1A1F1B · Line #C9D0C2 · Night #18201B · Accent #5F7A46
Calm, garden suburbs
Paper #EFE6DF · Paper deep #E5D9D0 · Ink #231A16 · Line #D9CBC1 · Night #22160F · Accent #A8452A
Warm, older brick streets
Paper #E6E9EC · Paper deep #DADFE4 · Ink #15191D · Line #C8CFD6 · Night #12171C · Accent #3E6A8A
Cool, modern listings
Components. What each one does, and where to change it.
The home page story: the sold home day by day. Scrolling runs the calendar; the sign, the figures and the strip follow. Reads a Homes item with Featured on and Status Sold. On a home’s page it tells that home’s sale.
Home › Hero, Home page template
The viewing: the house opens room by room through doorways. Reads Photo and Room 1 to Room 4 of a home for sale with Featured on. Empty rooms are skipped.
Home › Viewing, Home page template
One home at noon and at dusk from the same spot; dusk comes down as it scrolls past. Reads Noon photo, Dusk photo and the two times.
Home › Best hour
Neighbourhood names; the photo beside them follows the one nearest the middle of the window. On phones each row shows its own small photo.
Home, Neighbourhoods
What sellers said, picked by address, with the sale’s numbers beside it. Reads the Kind words collection.
Home › Kind words
A seller picks their neighbourhood and a listing day; the day strip draws their likely sale from that neighbourhood’s Days to sell, Median price and Sales. On phones the days fold into a calendar. Change the list day, the words and the colours in its controls.
Home › Your sale
Every photo on the site. Loads one file the size of its frame, just before it is needed. Swap the image or bind it to a CMS field.
Everywhere
The dark panel at the top of inner pages, the button, the form button with its Sending, Sent and Failed states, and the bar with its phone menu.
Assets › Components
Collections. Nine of ten in use; one left for you.
Every listing and every sale: Homes, Sold, the home page sections, neighbourhood pages and the footer’s open houses.
Featured, Status, Open house
The streets list, Your sale on the home page, and each neighbourhood page; homes are matched by the Neighbourhood text.
Name must match
Quotes on the home page, filed by address.
Notes on the home page and the journal.
Newest first
The five steps on the home page, in Order.
The services list and each service page.
Questions on the Services page, in Order.
The team on About.
Privacy, terms and fair housing pages. Placeholder text: replace it.
Placeholder