Northfield Construction Group

Item: Northfield Construction Group
Rating: 7.4

Framer template for commercial design-build contractors

A Framer Marketplace template by Weblr Studio. Its words and photos are demo content.

Live preview Get this template Save page

7.4/10MABTU rating

DESKTOP · 1440 × 15,933/ ↗

Northfield Construction Group Home page, desktop

MOBILE · 390

Northfield Construction Group Home page, mobile

Section outline · Home

01heroWe build what others draw.846
02features gridThirty-two years, on the record.925
03portfolioFour sectors. One standard.961
04portfolioSelected work3,258
05portfolioHow a project runs3,184
06features gridThe details owners actually check.901
07features gridWho runs your job1,103
08testimonialsWhat owners say afterwards.1,305
09media textWe’re hiring trades.988
10pricingTell us about your project1,436
11footer956

Rating · Home

Visual design7.5

UX & clarity7.6

Originality7.4

Craft & consistency7.2

Motion6.2

Performance & a11y8.7

This page scores 7.5; the site score weights the home page double.

Main colours

Mixed sections·light grey background·vivid

Typography

Mona Sansheading · sans · google Martian Monobody · mono · unknown

Stack & style

Framer Lenis React Google Fonts

Corporate / clean Photography-led Swiss grid Logo cloud Marquee Pinned sections Pricing table Process steps Smooth scroll Stats band Tabs

Design DNA

Template: concrete grey (#E8E6E1) and charcoal (#23252A) bands with a safety-orange (#F2541B) accent, a clean grotesk for headings and a small mono for labels, numbering (A-01) and project data. A crane-silhouette photo hero, a five-figure record row including an EMR safety rating, four sectors as a dark photo list, filtered project cards with orange status chips, a pinned 'How a project runs' stepper with photos, bonding and certification figures, a team grid in hard hats, reviews, a hiring list with wages, a detailed RFP form and a big wordmark footer.

Worth borrowing

Lead the proof band with trade-specific numbers (EMR safety rating, bonding capacity), not generic stats.
Tag every project card with mono data (sq ft, months) and an orange delivery-status chip.
Put open trade jobs with pay ranges on the home page.