Make it yours in an afternoon
Everything you need to turn Harlow & Birch into your own business: colours, fonts, content, forms and what to delete if you don’t need it. Delete this page before you publish.
1. Brand in 10 minutes
Everything visual is a Framer style, component or CMS field. Change it once and every page follows.
Colours: colour styles in five folders: Brand (Ink, Graphite, Walnut, Amber, Amber Hover), Text, Surface, Line and State. Amber is for buttons only. Keep text contrast at 4.5:1 or more.
Fonts: three text style groups. Display (Inter Display) for headlines and numbers, Body (Inter) for text and buttons, Label (IBM Plex Mono) for small labels. Swap the font in a style and every heading, paragraph or label updates. All are free Google Fonts.
Buttons and corners: one Button component with Primary, Dark, Outline and Outline Light variants, each in a regular and a small size. Corner radius lives in the component, so rounder or squarer buttons are one change.
Logo: one Logo component (mark and name) used in the header and footer. Replace the mark with your own SVG and type your company name. The big footer wordmark is a text layer you can edit or hide.
Company details: phone, address, call-to-action text and newsletter copy are properties of the Header and Footer components. Edit them there and every page follows. Call and email links update automatically to match the number or address you type. A few sections also mention your phone or email in their text: Contact, FAQ, Thank you, Privacy, Home B and Home C.
Announcement bar: text and visibility are properties of the Header component.
Images: every photo is a CMS field or an image property on its section. One exception: the dark Promise section uses its photo as a background fill, so select the section inside the Promise Section component and swap the image there.
2. Pages included
Three home pages (classic with full-bleed photo, conversion-focused, emergency and service), Services, Service detail, Projects, Project detail, About, Reviews, Careers, Job detail, News, Article, FAQ, Contact, Thank you, Service areas, 404, Privacy, Terms and this guide.
3. CMS collections
Services: title, image, duration, price from, summary, what’s included
Projects: title, cover, area, year, duration, service, budget, brief, solution, gallery, client quote
Team: name, role, photo, bio
Reviews: quote, name, area, project type, rating, source
Jobs: title, type, location, pay, intro, tasks, requirements
News: title, category, date, read time, cover, body
FAQ: question, answer, category, order
Good to know: Order sets the sort order in lists. Featured decides what shows on the home pages. Short Title is the label in the project filter. On services, Estimator Unit, Min, Max, Default and Step set up the cost slider, and Rate Standard, Rate Premium and Rate Bespoke are the price per unit for each finish level. Team Bio, Since, Focus and Favourite Build fill the team pop-up.
4. Forms
Four forms are included: the four-step estimate form (Contact, Home A and Home B), the callback form on Home C, the job application on each job page and the newsletter in the footer. Select each form and enter your own email under Send to (or connect a webhook or CRM integration). Replace any address that is already there. The estimate form already redirects to the Thank you page. Send one test entry per form before you launch.
5. Sections you can remove
Every section works on its own. Common ones to remove for smaller businesses: Careers band, News teaser, Before/after, Partners. Hide pages you don’t need in the navigation and footer.
6. Images & licences
Demo photos are from Unsplash and are for preview only. Replace them with photos of your own work: they make the biggest difference to how much people trust you.
7. Before you publish
Replace all demo company details and reviews with your own, real ones
Update the legal pages with your lawyer
Check page titles and descriptions in each page’s settings
Delete this guide page
Last step: delete the All pages button in the bottom left corner. It only helps buyers browse the template.