# 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.