Forge design system

The ForgeSDLC product site shares the Forge design system with blueprints.forgesdlc.com: the same forgesdlc-kitchensink repo powers layouts, components, transforms, and diagram assets.

On this site

• Theme: forgesdlc-theme.css — product navigation, tier groups, fs-* layout classes.
• Content: Markdown is converted to HTML and passed through the same transform pipeline as other Forge docs.
• Diagrams: Mermaid when enabled; static figures can use SVG templates copied into assets/ at build time.

Tokens and tone

ForgeSDLC uses the same core palette as the handbook: dark background, cyan and amber accents, Inter / JetBrains Mono. Keep headings and links consistent with generated nav and breadcrumbs.

Diagrams and layouts

• Diagram archetypes (flows, timelines, charts) live in Kitchen Sink under assets/svg/.
• Page layouts (showcase, handbook, product, split, …) are documented with live previews in the Kitchen Sink showcase.

For a deeper handbook-oriented guide (components, transforms, template filenames), see the SDLC page Design system (Kitchen Sink) on blueprints when published, or the Kitchen Sink repository README.

Building locally

From the forgesdlc repo, with submodules initialized:

pip install markdown pyyaml
python3 generator/build-site.py

The build copies forgesdlc-theme.css and Kitchen Sink diagram SVGs into website/assets/.