SIGNAL — SaaS Blog & Docs CMS Pack — Static HTML/CSS/JS

SIGNAL — SaaS Blog & Docs CMS Pack

Launch a polished blog, documentation hub, and changelog for your SaaS product — without a CMS platform, backend, or build step.

This is a complete, self-contained static HTML/CSS/JS content hub template. It includes four working sections — a filterable blog with article view, a docs sidebar with live search, a filterable changelog, and nine production-ready content state examples — all in one file you open in a browser and deploy to any static host.

What You Get

• Blog section with category filter buttons, live client-side search, a two-column featured post layout, six blog post cards with CSS-only images, and a full article view with reading progress bar
• Docs section with sticky sidebar navigation, live search that filters navigation links, breadcrumb, callout components (info/warning/success), inline code and code blocks, and prev/next page pagination — with five sample documentation pages pre-populated
• Changelog section with version/date display, four change-type badges (New / Improved / Fixed / Removed), and release-type filter (All / Major / Minor / Patches)
• Content States section with nine production-ready patterns: empty blog, empty search, coming-soon docs section, two skeleton loading states (blog card and docs page), 404, 500, offline/connection error, and rate-limit countdown
• Zero external dependencies — no framework, CDN, npm, remote font, or external library. The file opens and works with no internet connection
• Five tested responsive widths: 360, 390, 768, 1280, and 1440 px
• Accessibility-minded implementation: semantic landmarks, ARIA roles and states, keyboard navigation, visible focus indicators, skip-to-content link, prefers-reduced-motion support
• FAM-WK-001 compatible design tokens — uses the same --color-primary: #6366F1 family system as WK-001 (LUMEN) and WK-002 (CLARITY), so all three products work together as a unified SaaS site
• Content Planning Worksheet — editorial calendar, docs structure planner, and pre-launch checklist
• CMS Integration Cheatsheet — fetch patterns and code snippets for Contentful, Sanity, Ghost, Strapi, and Notion API
• Commercial-use license for your own and client projects

Four Sections in One File

Technical Specifications

Important Before You Buy

• This is a static front-end template, not a hosted CMS, WordPress plugin, or SaaS platform. You receive HTML/CSS/JS source files.
• All blog posts, documentation pages, and changelog entries in the demo use a fictional brand (SIGNAL) as sample content. You replace them with your own.
• No backend, database, content editing interface, hosting, domain, or analytics account is included.
• Connecting this template to a real headless CMS (Contentful, Sanity, Ghost, Strapi, etc.) requires writing a fetch() data layer in JavaScript. The included CMS Integration Cheatsheet provides code patterns for each platform.
• Form handling, user authentication, and search indexing are not included.

Who This Is For

• AI/SaaS founders launching a content hub alongside their product
• Indie hackers who want a professional blog and docs presence without a CMS subscription
• Developers building client sites who need a customizable, dependency-free starting point
• Teams using WK-001 (LUMEN) or WK-002 (CLARITY) who want to complete their SaaS site

What’s Included

• Product/ — complete content hub source (index.html, demo-content.md)
• Documentation/ — README and Quick Start Guide
• License/ — full commercial license terms
• Bonus 1: Content Planning Worksheet — editorial calendar and launch checklist
• Bonus 2: CMS Integration Cheatsheet — fetch patterns for 5 headless CMS platforms