Contractor site template

Four finished sites, one codebase

Each of these is a complete, working site for a different kind of contractor — different trade, different copy, different section mix and a different page layout. They all come out of the same template: one JSON config per client, swap the photos, build.

Hardline Concrete Commercial concrete & demolition Loud and industrial. Concrete grey, safety orange, 2px black rules, hard offset shadows, zero radius.
  • Full-width stacked headline
  • Service cards in a hard grid
  • Job log index with hover preview
  • Equipment fleet table
  • Crew portraits
Open this site Hearth & Hollow Design-led home renovation Editorial and unhurried. Sand and clay, Fraunces serif, centred headings, generous whitespace.
  • Centred hero over a wide image
  • Alternating zigzag services
  • Material palette swatches
  • Investment tiers
  • Journal posts
Open this site Northbeam Construction Design-build general contractor Technical and precise. Drafting grid, corner ticks, numbered sheets, condensed uppercase type.
  • Split hero with a spec strip
  • Numbered service rows
  • Vertical process timeline
  • Spec-sheet data section
  • Before / after sliders
Open this site Vantage Builders Custom homes & estates Filmic and dark. Charcoal glass panels, amber light, full-bleed panels that run edge to edge.
  • Full-bleed hero with overlay
  • Showreel panel
  • Horizontal service rail
  • Edge-to-edge project showcase
  • Awards ledger + review carousel
Open this site

Everything here is placeholder artwork and invented companies. Real photography drops into images/ and the words live in one site.config.json per client. Each demo is a single self-contained HTML file — no server needed.