Skills › Marketing Skills › site-architecture › site-type-templates.md

site-type-templates.md

293 lines · skills/site-architecture/references/site-type-templates.md at 88c79f6

Names a skill

Open on GitHub

Most marks come from matching words in the file, so treat them as pointers.

1# Site Type Templates

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

5---

Site Type Templates

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

Raw lines 1 to 6

7## SaaS Marketing Site

SaaS Marketing Site

Raw lines 7 to 8

9### Page Hierarchy

11```

12Homepage (/)

13├── Features (/features)

14│ ├── Feature A (/features/feature-a)

15│ ├── Feature B (/features/feature-b)

16│ └── Feature C (/features/feature-c)

17├── Pricing (/pricing)

18├── Customers (/customers)

19│ ├── Case Study 1 (/customers/company-name)

20│ └── Case Study 2 (/customers/company-name-2)

21├── Resources (/resources)

22│ ├── Blog (/blog)

23│ │ └── [Posts] (/blog/post-slug)

24│ ├── Templates (/resources/templates)

25│ │ └── [Template] (/resources/templates/template-slug)

26│ └── Guides (/resources/guides)

27│ └── [Guide] (/resources/guides/guide-slug)

28├── Integrations (/integrations)

29│ └── [Integration] (/integrations/integration-name)

30├── Docs (/docs)

31│ ├── Getting Started (/docs/getting-started)

32│ ├── Guides (/docs/guides)

33│ └── API Reference (/docs/api)

34├── About (/about)

35│ ├── Careers (/about/careers)

36│ └── Contact (/contact)

37├── Compare (/compare)

38│ └── [Competitor] (/compare/competitor-name)

39├── Privacy (/privacy)

40└── Terms (/terms)

41```

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)

Raw lines 9 to 42

43### URL Map

46|------|-----|-------------|----------|

49| Feature pages | `/features/{slug}` | Header dropdown | Medium |

52| Case studies | `/customers/{slug}` | Customers dropdown | Medium |

54| Blog posts | `/blog/{slug}` | — | Medium |

57| Compare | `/compare/{slug}` | Footer | High (SEO) |

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

Raw lines 43 to 60

Names a skill pricing :50

61### Navigation

65**Footer columns**:

66- Product: Features, Pricing, Integrations, Changelog, Security

67- Resources: Blog, Templates, Guides, Case Studies

68- Company: About, Careers, Contact, Press

69- Legal: Privacy, Terms, Security

71---

Navigation

Footer columns:

Product: Features, Pricing, Integrations, Changelog, Security
Resources: Blog, Templates, Guides, Case Studies
Company: About, Careers, Contact, Press
Legal: Privacy, Terms, Security

Raw lines 61 to 72

73## Content / Blog Site

Content / Blog Site

Raw lines 73 to 74

75### Page Hierarchy

77```

78Homepage (/)

79├── Blog (/blog)

80│ ├── [Category: Topic A] (/blog/category/topic-a)

81│ ├── [Category: Topic B] (/blog/category/topic-b)

82│ ├── [Category: Topic C] (/blog/category/topic-c)

83│ └── [Posts] (/blog/post-slug)

84├── Newsletter (/newsletter)

85├── Resources (/resources)

86│ ├── Guides (/resources/guides)

87│ │ └── [Guide] (/resources/guides/guide-slug)

88│ └── Tools (/resources/tools)

89│ └── [Tool] (/resources/tools/tool-slug)

90├── About (/about)

91├── Contact (/contact)

92├── Privacy (/privacy)

93└── Terms (/terms)

94```

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)

Raw lines 75 to 95

96### URL Map

99|------|-----|-------------|----------|

102| Categories | `/blog/category/{slug}` | Header dropdown | Medium |

103| Posts | `/blog/{slug}` | — | Medium |

107

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

Raw lines 96 to 107

108### Navigation

109

110**Header (4 items + CTA)**: Blog | Resources | About | Contact | [Subscribe]

111

112**Sidebar** (on blog): Categories, Popular Posts, Newsletter signup

113

114---

115

Navigation

Header (4 items + CTA): Blog | Resources | About | Contact | [Subscribe]

Sidebar (on blog): Categories, Popular Posts, Newsletter signup

Raw lines 108 to 115

116## E-Commerce

117

E-Commerce

Raw lines 116 to 117

118### Page Hierarchy

119

120```

121Homepage (/)

122├── Shop (/shop)

123│ ├── Category A (/shop/category-a)

124│ │ ├── Subcategory (/shop/category-a/subcategory)

125│ │ │ └── [Product] (/shop/category-a/subcategory/product-slug)

126│ │ └── [Product] (/shop/category-a/product-slug)

127│ ├── Category B (/shop/category-b)

128│ │ └── [Product] (/shop/category-b/product-slug)

129│ └── Category C (/shop/category-c)

130│ └── [Product] (/shop/category-c/product-slug)

131├── Collections (/collections)

132│ └── [Collection] (/collections/collection-slug)

133├── Sale (/sale)

134├── Blog (/blog)

135│ └── [Posts] (/blog/post-slug)

136├── About (/about)

137│ └── Our Story (/about/our-story)

138├── Help (/help)

139│ ├── FAQ (/help/faq)

140│ ├── Shipping (/help/shipping)

141│ ├── Returns (/help/returns)

142│ └── Contact (/contact)

143├── Cart (/cart)

144├── Account (/account)

145├── Privacy (/privacy)

146└── Terms (/terms)

147```

148

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)

Raw lines 118 to 148

149### URL Map

150

152|------|-----|-------------|----------|

155| Categories | `/shop/{category}` | Header mega menu | High |

156| Products | `/shop/{category}/{product}` | — | High |

157| Collections | `/collections/{slug}` | Header | Medium |

161

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

Raw lines 149 to 161

162### Navigation

163

165

166**Mega menu under Shop**: Category columns with featured products/images

167

168---

169

Navigation

Mega menu under Shop: Category columns with featured products/images

Raw lines 162 to 169

170## Documentation Site

171

Documentation Site

Raw lines 170 to 171

172### Page Hierarchy

173

174```

175Docs Home (/docs)

176├── Getting Started (/docs/getting-started)

177│ ├── Installation (/docs/getting-started/installation)

178│ ├── Quick Start (/docs/getting-started/quick-start)

179│ └── Configuration (/docs/getting-started/configuration)

180├── Guides (/docs/guides)

181│ ├── Guide A (/docs/guides/guide-a)

182│ ├── Guide B (/docs/guides/guide-b)

183│ └── Guide C (/docs/guides/guide-c)

184├── API Reference (/docs/api)

185│ ├── Authentication (/docs/api/authentication)

186│ ├── Endpoints (/docs/api/endpoints)

187│ └── Webhooks (/docs/api/webhooks)

188├── Examples (/docs/examples)

189│ └── [Example] (/docs/examples/example-slug)

190├── Changelog (/docs/changelog)

191└── FAQ (/docs/faq)

192```

193

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)

Raw lines 172 to 193

194### URL Map

195

197|------|-----|-------------|----------|

203

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

Raw lines 194 to 203

204### Navigation

205

207

208**Sidebar** (persistent, left): Getting Started, Guides, API Reference, Examples, Changelog — with expandable subsections

209

210**On-page**: Previous/Next navigation at bottom of each doc page

211

212---

213

Navigation

Sidebar (persistent, left): Getting Started, Guides, API Reference, Examples, Changelog — with expandable subsections

On-page: Previous/Next navigation at bottom of each doc page

Raw lines 204 to 213

214## Hybrid SaaS + Content

215

Hybrid SaaS + Content

Raw lines 214 to 215

216### Page Hierarchy

217

218```

219Homepage (/)

220├── Product (/product)

221│ ├── Feature A (/product/feature-a)

222│ ├── Feature B (/product/feature-b)

223│ └── Feature C (/product/feature-c)

224├── Solutions (/solutions)

225│ ├── By Use Case (/solutions/use-case-slug)

226│ └── By Industry (/solutions/industry-slug)

227├── Pricing (/pricing)

228├── Blog (/blog)

229│ ├── [Category] (/blog/category/slug)

230│ └── [Posts] (/blog/post-slug)

231├── Resources (/resources)

232│ ├── Guides (/resources/guides)

233│ ├── Templates (/resources/templates)

234│ ├── Webinars (/resources/webinars)

235│ └── Case Studies (/resources/case-studies)

236├── Docs (/docs)

237│ ├── Getting Started (/docs/getting-started)

238│ └── API (/docs/api)

239├── Integrations (/integrations)

240│ └── [Integration] (/integrations/slug)

241├── Compare (/compare)

242│ └── [Competitor] (/compare/competitor-slug)

243├── About (/about)

244│ ├── Careers (/about/careers)

245│ └── Contact (/contact)

246├── Privacy (/privacy)

247└── Terms (/terms)

248```

249

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)

Raw lines 216 to 249

250### Navigation

251

253

254Use mega menus for Product (features list), Solutions (use cases + industries), and Resources (blog, guides, templates, webinars, case studies).

255

256---

257

Navigation

Use mega menus for Product (features list), Solutions (use cases + industries), and Resources (blog, guides, templates, webinars, case studies).

Raw lines 250 to 257

258## Small Business / Local

259

Small Business / Local

Raw lines 258 to 259

260### Page Hierarchy

261

262```

263Homepage (/)

264├── Services (/services)

265│ ├── Service A (/services/service-a)

266│ ├── Service B (/services/service-b)

267│ └── Service C (/services/service-c)

268├── About (/about)

269├── Testimonials (/testimonials)

270├── Blog (/blog)

271│ └── [Posts] (/blog/post-slug)

272├── Contact (/contact)

273├── Privacy (/privacy)

274└── Terms (/terms)

275```

276

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)

Raw lines 260 to 276

277### URL Map

278

280|------|-----|-------------|----------|

283| Service pages | `/services/{slug}` | Header dropdown | High |

288

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

Raw lines 277 to 288

289### Navigation

290

291**Header (5 items + CTA)**: Services | About | Testimonials | Blog | [Contact Us]

292

293Keep it simple. Small business sites should be flat (1-2 levels max). Every page should be reachable from the header.

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.

Raw lines 289 to 293