Site Type Templates
Full page hierarchy templates with ASCII trees, URL maps, and navigation recommendations for common site types.
SaaS Marketing Site
Page Hierarchy
B0
URL Map
| Page | URL | Nav Location | Priority |
|---|---|---|---|
| Homepage | I0 | Header (logo) | Critical |
| Features | I1 | Header | High |
| Feature pages | I2 | Header dropdown | Medium |
| Pricing | I3 | Header | Critical |
| Customers | I4 | Header | Medium |
| Case studies | I5 | Customers dropdown | Medium |
| Blog | I6 | Header (Resources) | High |
| Blog posts | I7 | — | Medium |
| Integrations | I8 | Header | Medium |
| Docs | I9 | Header | Medium |
| Compare | I10 | Footer | High (SEO) |
| About | I11 | Footer | Low |
| Pricing CTA | I12 | 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
B1
URL Map
| Page | URL | Nav Location | Priority |
|---|---|---|---|
| Homepage | I13 | Header (logo) | Critical |
| Blog index | I14 | Header | High |
| Categories | I15 | Header dropdown | Medium |
| Posts | I16 | — | Medium |
| Newsletter | I17 | Header (CTA) | High |
| Guides | I18 | Header | Medium |
| About | I19 | Header | Low |
Navigation
Header (4 items + CTA): Blog | Resources | About | Contact | [Subscribe]
Sidebar (on blog): Categories, Popular Posts, Newsletter signup
E-Commerce
Page Hierarchy
B2
URL Map
| Page | URL | Nav Location | Priority |
|---|---|---|---|
| Homepage | I20 | Header (logo) | Critical |
| Shop | I21 | Header | Critical |
| Categories | I22 | Header mega menu | High |
| Products | I23 | — | High |
| Collections | I24 | Header | Medium |
| Sale | I25 | Header (highlighted) | High |
| Cart | I26 | Header (icon) | Critical |
| Account | I27 | 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
B3
URL Map
| Page | URL | Nav Location | Priority |
|---|---|---|---|
| Docs home | I28 | Header | High |
| Getting Started | I29 | Sidebar (top) | Critical |
| Guides | I30 | Sidebar | High |
| API Reference | I31 | Sidebar | High |
| Changelog | I32 | 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
B4
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
B5
URL Map
| Page | URL | Nav Location | Priority |
|---|---|---|---|
| Homepage | I33 | Header (logo) | Critical |
| Services | I34 | Header | High |
| Service pages | I35 | Header dropdown | High |
| About | I36 | Header | Medium |
| Testimonials | I37 | Header | Medium |
| Blog | I38 | Header | Medium |
| Contact | I39 | 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.