Site Type Templates
Full page hierarchy templates with ASCII trees, URL maps, and navigation recommendations for common site types.
SaaS Marketing Site
Page Hierarchy
Homepage (/)
├── Features (/features)
│ ├── Feature A (/features/feature-a)
│ ├── Feature B (/features/feature-b)
│ └── Feature C (/features/feature-c)
├── Pricing (/pricing)
├── Customers (/customers)
│ ├── Case Study 1 (/customers/company-name)
│ └── Case Study 2 (/customers/company-name-2)
├── Resources (/resources)
│ ├── Blog (/blog)
│ │ └── [Posts] (/blog/post-slug)
│ ├── Templates (/resources/templates)
│ │ └── [Template] (/resources/templates/template-slug)
│ └── Guides (/resources/guides)
│ └── [Guide] (/resources/guides/guide-slug)
├── Integrations (/integrations)
│ └── [Integration] (/integrations/integration-name)
├── Docs (/docs)
│ ├── Getting Started (/docs/getting-started)
│ ├── Guides (/docs/guides)
│ └── API Reference (/docs/api)
├── About (/about)
│ ├── Careers (/about/careers)
│ └── Contact (/contact)
├── Compare (/compare)
│ └── [Competitor] (/compare/competitor-name)
├── Privacy (/privacy)
└── Terms (/terms)URL Map
| Page | URL | Nav Location | Priority |
|---|---|---|---|
| Homepage | / | Header (logo) | Critical |
| Features | /features | Header | High |
| Feature pages | /features/{slug} | Header dropdown | Medium |
| Pricing | /pricing | Header | Critical |
| Customers | /customers | Header | Medium |
| Case studies | /customers/{slug} | Customers dropdown | Medium |
| Blog | /blog | Header (Resources) | High |
| Blog posts | /blog/{slug} | — | Medium |
| Integrations | /integrations | Header | Medium |
| Docs | /docs | Header | Medium |
| Compare | /compare/{slug} | Footer | High (SEO) |
| About | /about | Footer | Low |
| Pricing CTA | /pricing | Header (CTA button) | Critical |
Navigation
Header (6 items + CTA): Features | Pricing | Customers | Resources | Integrations | Docs | [Get Started]
Footer columns:
- Product: Features, Pricing, Integrations, Changelog, Security
- Resources: Blog, Templates, Guides, Case Studies
- Company: About, Careers, Contact, Press
- Legal: Privacy, Terms, Security
Content / Blog Site
Page Hierarchy
Homepage (/)
├── Blog (/blog)
│ ├── [Category: Topic A] (/blog/category/topic-a)
│ ├── [Category: Topic B] (/blog/category/topic-b)
│ ├── [Category: Topic C] (/blog/category/topic-c)
│ └── [Posts] (/blog/post-slug)
├── Newsletter (/newsletter)
├── Resources (/resources)
│ ├── Guides (/resources/guides)
│ │ └── [Guide] (/resources/guides/guide-slug)
│ └── Tools (/resources/tools)
│ └── [Tool] (/resources/tools/tool-slug)
├── About (/about)
├── Contact (/contact)
├── Privacy (/privacy)
└── Terms (/terms)URL Map
| Page | URL | Nav Location | Priority |
|---|---|---|---|
| Homepage | / | Header (logo) | Critical |
| Blog index | /blog | Header | High |
| Categories | /blog/category/{slug} | Header dropdown | Medium |
| Posts | /blog/{slug} | — | Medium |
| Newsletter | /newsletter | Header (CTA) | High |
| Guides | /resources/guides | Header | Medium |
| About | /about | Header | Low |
Navigation
Header (4 items + CTA): Blog | Resources | About | Contact | [Subscribe]
Sidebar (on blog): Categories, Popular Posts, Newsletter signup
E-Commerce
Page Hierarchy
Homepage (/)
├── Shop (/shop)
│ ├── Category A (/shop/category-a)
│ │ ├── Subcategory (/shop/category-a/subcategory)
│ │ │ └── [Product] (/shop/category-a/subcategory/product-slug)
│ │ └── [Product] (/shop/category-a/product-slug)
│ ├── Category B (/shop/category-b)
│ │ └── [Product] (/shop/category-b/product-slug)
│ └── Category C (/shop/category-c)
│ └── [Product] (/shop/category-c/product-slug)
├── Collections (/collections)
│ └── [Collection] (/collections/collection-slug)
├── Sale (/sale)
├── Blog (/blog)
│ └── [Posts] (/blog/post-slug)
├── About (/about)
│ └── Our Story (/about/our-story)
├── Help (/help)
│ ├── FAQ (/help/faq)
│ ├── Shipping (/help/shipping)
│ ├── Returns (/help/returns)
│ └── Contact (/contact)
├── Cart (/cart)
├── Account (/account)
├── Privacy (/privacy)
└── Terms (/terms)URL Map
| Page | URL | Nav Location | Priority |
|---|---|---|---|
| Homepage | / | Header (logo) | Critical |
| Shop | /shop | Header | Critical |
| Categories | /shop/{category} | Header mega menu | High |
| Products | /shop/{category}/{product} | — | High |
| Collections | /collections/{slug} | Header | Medium |
| Sale | /sale | Header (highlighted) | High |
| Cart | /cart | Header (icon) | Critical |
| Account | /account | Header (icon) | Medium |
Navigation
Header (5 items + cart/account): Shop (mega menu) | Collections | Sale | Blog | Help | [Cart icon] [Account icon]
Mega menu under Shop: Category columns with featured products/images
Documentation Site
Page Hierarchy
Docs Home (/docs)
├── Getting Started (/docs/getting-started)
│ ├── Installation (/docs/getting-started/installation)
│ ├── Quick Start (/docs/getting-started/quick-start)
│ └── Configuration (/docs/getting-started/configuration)
├── Guides (/docs/guides)
│ ├── Guide A (/docs/guides/guide-a)
│ ├── Guide B (/docs/guides/guide-b)
│ └── Guide C (/docs/guides/guide-c)
├── API Reference (/docs/api)
│ ├── Authentication (/docs/api/authentication)
│ ├── Endpoints (/docs/api/endpoints)
│ └── Webhooks (/docs/api/webhooks)
├── Examples (/docs/examples)
│ └── [Example] (/docs/examples/example-slug)
├── Changelog (/docs/changelog)
└── FAQ (/docs/faq)URL Map
| Page | URL | Nav Location | Priority |
|---|---|---|---|
| Docs home | /docs | Header | High |
| Getting Started | /docs/getting-started | Sidebar (top) | Critical |
| Guides | /docs/guides | Sidebar | High |
| API Reference | /docs/api | Sidebar | High |
| Changelog | /docs/changelog | Sidebar (bottom) | Low |
Navigation
Header: Docs | API | Blog | Community | GitHub | [Dashboard]
Sidebar (persistent, left): Getting Started, Guides, API Reference, Examples, Changelog — with expandable subsections
On-page: Previous/Next navigation at bottom of each doc page
Hybrid SaaS + Content
Page Hierarchy
Homepage (/)
├── Product (/product)
│ ├── Feature A (/product/feature-a)
│ ├── Feature B (/product/feature-b)
│ └── Feature C (/product/feature-c)
├── Solutions (/solutions)
│ ├── By Use Case (/solutions/use-case-slug)
│ └── By Industry (/solutions/industry-slug)
├── Pricing (/pricing)
├── Blog (/blog)
│ ├── [Category] (/blog/category/slug)
│ └── [Posts] (/blog/post-slug)
├── Resources (/resources)
│ ├── Guides (/resources/guides)
│ ├── Templates (/resources/templates)
│ ├── Webinars (/resources/webinars)
│ └── Case Studies (/resources/case-studies)
├── Docs (/docs)
│ ├── Getting Started (/docs/getting-started)
│ └── API (/docs/api)
├── Integrations (/integrations)
│ └── [Integration] (/integrations/slug)
├── Compare (/compare)
│ └── [Competitor] (/compare/competitor-slug)
├── About (/about)
│ ├── Careers (/about/careers)
│ └── Contact (/contact)
├── Privacy (/privacy)
└── Terms (/terms)Navigation
Header (7 items + CTA): Product | Solutions | Pricing | Resources | Blog | Docs | Integrations | [Start Free Trial]
Use mega menus for Product (features list), Solutions (use cases + industries), and Resources (blog, guides, templates, webinars, case studies).
Small Business / Local
Page Hierarchy
Homepage (/)
├── Services (/services)
│ ├── Service A (/services/service-a)
│ ├── Service B (/services/service-b)
│ └── Service C (/services/service-c)
├── About (/about)
├── Testimonials (/testimonials)
├── Blog (/blog)
│ └── [Posts] (/blog/post-slug)
├── Contact (/contact)
├── Privacy (/privacy)
└── Terms (/terms)URL Map
| Page | URL | Nav Location | Priority |
|---|---|---|---|
| Homepage | / | Header (logo) | Critical |
| Services | /services | Header | High |
| Service pages | /services/{slug} | Header dropdown | High |
| About | /about | Header | Medium |
| Testimonials | /testimonials | Header | Medium |
| Blog | /blog | Header | Medium |
| Contact | /contact | Header (CTA) | High |
Navigation
Header (5 items + CTA): Services | About | Testimonials | Blog | [Contact Us]
Keep it simple. Small business sites should be flat (1-2 levels max). Every page should be reachable from the header.