Knowledge Platform
Component set powering PointSav's own wiki engine — the same documentation.pointsav.com / projects.woodfinegroup.com / corporate.woodfinegroup.com wiki family, one of three product lines built on this design system's tokens.
Wiki article content reads in a distinct long-form reading typeface and its
monospace companion, separate from the font pairing the rest of this design system
uses for UI chrome. It's a deliberate register shift for long-form reading — see the
primitive.typography.wiki-h1 token on Tokens.
The home page's category-browse grid (Home Grid, below) extends the standard tile-grid
browse pattern with a ratified, always-render-all-nine-categories rule, so an empty category
reads as "in preparation," never as a missing page. Search results are backed by a real
Tantivy full-text index served over the same /mcp JSON-RPC endpoint
documented on Developing.
Home Grid
9-card responsive category-browse grid for the wiki home page. Always renders all 9 ratified categories, including empty ones ("0 articles — in preparation") rather than hiding them.
Wiki Search Results
Ordered list of search hits with a plain-text excerpt. Backed by the Tantivy
JSON-RPC endpoint at /mcp (method search).
Wiki TOC Sidebar
Sticky right-rail heading list with active-section highlighting; collapses to an inline toggle on compact viewports.
Wiki Article Header
Breadcrumb, H1 from frontmatter, quality badge, and byline. Uses the familiar
encyclopedia article-header layout, set in the article reading face
(primitive.typography.wiki-h1) at 2.25rem.
Wiki Article Footer
Bottom-of-article surface: category tags, references/citations section, and an edit-on-GitHub link — separates editorial metadata from article prose.
Wiki Badge / Tag
Dual-purpose chip: article quality grade (Featured/Good/A/B/C/Stub) or a category-tag link. Inline, pill-shaped.
Citation Authority Ribbon
Source-type differentiation badges for references — six fixed source classes (academic, regulator, industry, and others), each its own color.
Freshness Ribbon
Per-section last-content-review date badge, shown after the section's [edit] pencil. Three-stop color scale from fresh to stale.
Research Trail Footer
Collapsible bottom-of-article disclosure with three fixed subsections: Research done, Suggested research, Open questions — the epistemic-frontier record for a wiki article.
Wiki Pagination
Prev/Next article navigation within a category. Three-column grid: previous article, category link, next article.
Wiki Modal Dialog
Native <dialog> element with showModal() focus
trap. Used for image lightbox, search overlay, and confirmation prompts.
Wiki Dark Mode Toggle
Toggles data-theme="dark" on <html> and persists
the choice in localStorage, initialising from it on load.
Wiki Drawer (Mobile Navigation)
Slide-in overlay navigation for compact (≤799px) viewports. Hamburger trigger opens a full-height left drawer with the wiki site nav.
13 real components, one rendered so far.
Every card above is a real, registered component with a genuine recipe.json behind it — the ones without a rendered page yet are documented, not fictional. Get the raw tokens or browse the full registry.
Important Information
Design System disclosure
This site provides open-source design tokens, documentation, and self-hostable software published by Woodfine Capital Projects Inc. Information here is for general reference only and does not constitute an offer, warranty, or a guarantee of fitness for any particular purpose. Statements regarding planned, intended, or targeted future features are forward-looking and subject to change without notice; they are not undertaken to be updated except as required by law.