Real estate agency website template
Northfield Estates
A refined, gallery-like website template for boutique brokerages, luxury agents and property teams. Crisp white space, an elegant serif and champagne accents let architecture take the lead, from a dusk hero to featured listings with beds, baths and square footage. Includes seller packages with a comparison table, neighbourhood insights, three market articles and art-directed image prompts.
$19$49
one-time, no subscription
Instant download · 7-day refund before first download
Every page, finished
9 pages · 41 sections · 20 photos
Design system
- Display face
- Instrument Serif
- Body face
- Manrope
- Header · footer · images
- classic · mega · square
- paper
#FFFFFF - surface
#F3F1EC - ink
#0F0F0F - muted
#6B6966 - line
#E4E1DA - brand
#0F0F0F - brandInk
#FFFFFF - accent
#BFA273
What’s inside
- Next.js 16 project — App Router, static export, TypeScript
- Astro 7 project — same components as .astro files
- Plain HTML — compiled Tailwind CSS, open index.html
- 20 photos as WebP at 1600px and 800px, plus the prompts
- All copy in one site.json — names, prices, hours, posts
- Working contact form markup (Formspree-ready) and thank-you page
- SEO titles, descriptions and Open Graph tags on every page
Sections used
- Full-bleed hero
- Stats
- Listings
- Image + text
- Service cards
- Feature quote
- Gallery
- Call to action
- Page header
- Story
- Team
- Feature grid
- Logo strip
- Process steps
- Pricing tiers
- Comparison table
- FAQ
- Contact form + details
- Info bar
- Newsletter
- Article grid
- Article layout
Next.js 16
App Router · static export
Astro 7
Components + content JSON
Tailwind 4
Theme as CSS variables
HTML
Compiled CSS, no build
About the real estate agency template
Can I connect live MLS listings?
The listing grid is static by default, which keeps the site fast. You can link each card to your IDX pages or replace the section with an IDX embed from your provider.
Does it work for a single agent?
Yes. Reduce the team to one profile, swap the stats for your own track record and the template reads as a personal brand.
Is there room for fair housing and licensing notices?
Add your brokerage licence number, Equal Housing Opportunity statement and any state-required notices to the footer or contact page.
Can I use it for a client?
Yes — unlimited personal and client projects. You just can’t resell the template itself.
How do I change the business name, colours and photos?
Edit site.json for words and images; change the eight colour variables and two font names at the top of global.css. Every page follows.
Building for this industry? Read the real estate website template guide.
