Fernhill

Fernhill is a complete website for landscape designers, garden builders and lawn care crews. It is warm, editorial and quietly animated, so the work looks as good on screen as it does in the ground.

What's inside

- Home page with a parallax hero, pinned project gallery, before-and-after slider, services accordion, process steps with a growing stem, care plan pricing, testimonial slider and a chip-based enquiry form

- Journal, Services and Projects run on CMS collections, each with its own detail page template, prev/next navigation and page metadata

- About, Privacy & Terms and a custom 404 page

- Shared "Inner pages" layout template, so the navbar and footer update everywhere at once

Built to be edited

- 12 colour tokens and a full set of text styles. Change the brand in one place

- Fraunces and Instrument Sans from Google Fonts, no uploads needed

- Reusable components: buttons with arrow hover, eyebrows, project and article cards, process steps, quote slides, navbar with scroll variants and a submit row with pending, success and error states

- Content is in the CMS and in plain text layers. Swap photos, names and prices and you are done

Motion that fits the subject

- Photos unclip from the ground up as you scroll

- Headlines reveal word by word, stats count up, a seedling sprouts in the footer

- Hovers on cards, plans, chips and links, all tuned to stay subtle

- Respects reduced motion where it matters

Responsive

Desktop, tablet and phone breakpoints on every page. The pinned gallery becomes a snap-scroll row on small screens, the services accordion gets a compact layout and the menu collapses into a drop-down.

Good to know

Photos are from Unsplash and the studio, team, projects and quotes are fictional. The enquiry form has no destination set, so connect it to your email or CRM after remixing.