Site Type Templates
Site Type Templates
Section titled “Site Type Templates”Full page hierarchy templates with ASCII trees, URL maps, and navigation recommendations for common site types.
SaaS Marketing Site
Section titled “SaaS Marketing Site”Page Hierarchy
Section titled “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
Section titled “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
Section titled “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
Section titled “Content / Blog Site”Page Hierarchy
Section titled “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
Section titled “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
Section titled “Navigation”Header (4 items + CTA): Blog | Resources | About | Contact | [Subscribe]
Sidebar (on blog): Categories, Popular Posts, Newsletter signup
E-Commerce
Section titled “E-Commerce”Page Hierarchy
Section titled “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
Section titled “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
Section titled “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
Section titled “Documentation Site”Page Hierarchy
Section titled “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
Section titled “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
Section titled “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
Section titled “Hybrid SaaS + Content”Page Hierarchy
Section titled “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
Section titled “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
Section titled “Small Business / Local”Page Hierarchy
Section titled “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
Section titled “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
Section titled “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.