---
title: "Northfield — Free Framer template · Best of Framer"
description: "Free Framer template · by Weblr Studio · Construction · ranked #65 among Framer templates. Northfield is a template for the people who actually build things — general contractors,…"
canonical: "https://framer.elliotli.dev/template/northfield"
---

[Home](/)/[Templates](/templates)/[Construction](/templates/category/construction)/Northfield

# Northfield

Construction Firms Template

[Get for free](https://framer.com/marketplace/templates/northfield/?via=elliot-li)

![Northfield preview image 1](https://framer.elliotli.dev/og/template/northfield/ab9e3ea5ccb43cc2/1600x1200.jpg)

## Summary

Northfield is a template for the people who actually build things — general contractors, design-build firms, civil and industrial outfits.

## Description

**Northfield** is a template for the people who actually build things — general contractors, design-build firms, civil and industrial outfits. It reads like a project record, not a brochure: drawing-sheet codes down the rail, real numbers, and photography that reveals as you scroll.

**Eight pages, ready to fill** Home, Work index, a CMS project detail page, Careers with an application form, Style guide, Privacy, Terms, and a 404.

**Built to be edited**

-   A CMS-driven project catalogue with sector filtering, and a detail page covering facts, challenge/solution, outcome stats, and a 12-image gallery
    
-   Two working forms — project enquiry and job application
    
-   A shared site layout, so the nav and footer are edited once
    
-   Color and text styles throughout, plus a style-guide page documenting them
    

**Motion you can actually change** Every entrance is a **native Framer Effect** — no hidden animation code. Five presets across the whole site, all on one easing curve, with staggered cascades on every grid and list tuned to finish inside 1.2 seconds. Layer names carry their preset (`Team List · card-lift`), so you can find every use of an animation by searching the layers panel. Mobile carries its own reduced distances.

**Responsive** across desktop, tablet and phone.

A few signature pieces — the hero reveal, the scroll-linked photo reveals and the sticky method rail — are powered by included code overrides, documented in the template.

## Rank history [How rankings work →](/terms#rankings)

-   Home Decor · #65
-   Free Website Templates · #1769
-   Real Estate · #135
-   Business · #738
-   Style · #3489

## Details

- **Author**: Weblr Studio
- **Published**: 2026-08-13
- **Updated**: 2026-10-28
- **Added**: 2026-08-13
- **Categories**: Agency, Architecture, Construction, Free Website Templates, Home Decor, Interior Design, Landing Page, Real Estate
- **Styles**: Animated, Minimal, Modern
- **Features**: CMS, Forms, Layout Templates, Light Dark Theme, Selection Styles

## More like this

-   [HexFly](/template/hexfly) — Tanber · Free — Live Preview HexFly is a bold and modern Framer template built for creative agencies, branding studios, web design teams, and digital…
-   [Better Films](/template/better-films) — Rejaul Karim · Free — Cinematic Director Portfolio
-   [Mikes Irrigation](/template/mikes-irrigation) — Troy Miller · Free — Modern Irrigation Company Website
-   [Ashfordd](/template/ashfordd) — Akin & Ed · Free — Premium Real Estate Framer Templat