site-type-templates

Full page hierarchy templates with ASCII trees, URL maps, and navigation recommendations for common site types.

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:

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.