Page demos

Every page, side by side.

Four full-page compositions assembled from the section catalog. The flagship homepage plus three audience landings — homeowner, contractor, commercial. Each one is standalone-runnable: open it in a browser and it should look complete.

Gallery

Four pages.

Click any card to open the full page. Each composition leans on the same tokens and components from _shared.css — no per-page CSS overrides except the occasional one-off tweak.

Homepage hero — installed yard

Homepage

Photo hero · audience tiles · before/after slider · value tiles · 6-tile product gallery · testimonial grid · CTA band.
Homeowner landing — backyard with pet

Landing 1 · Homeowners

Make Your Yard Your Own. Why turf · value tiles · 9-SKU grid · three install paths · process · pricing · before/after · FAQ.
Contractor landing — install in progress

Landing 2 · Contractors

Trade Pricing, Cut-to-Deliver. Account flow · 9-SKU spec matrix · bulk pricing tiers · coverage zones · trade account form · FAQ.
Commercial landing — property install

Landing 3 · Commercial

Commercial-Grade Turf. Vertical-fit tiles · category examples · commercial spec matrix · three proposal paths · brief form · FAQ.
Reference System Overview

Index · System overview

The kit's front door. File list, characterizations, voice anchors, forbidden moves, mood keywords. Read first.
Reference Design System

Design System · Tokens + components

Every color, type spec, button variant, card, stripe, and pattern. The kitchen-sink reference page.
Catalog Sections

Sections · Pattern catalog

Every section pattern from the universal catalog rendered in No Limit Turf's voice with real copy. TOC sidebar for navigation.
Source Brand Spec

Brand spec · Markdown source

Source-of-truth narrative. Voice anchors verbatim, color tokens with semantic mapping, signature patterns, forbidden moves, mood keywords.