Knowledge Platform
Component set powering PointSav's own wiki engine — the same documentation.pointsav.com / projects.woodfinegroup.com / corporate.woodfinegroup.com "leapfrog 2030" wiki family, one of three product lines built on this design system's tokens.
Wiki article content reads in IBM Plex Sans and
IBM Plex Mono, distinct from the Inter/mono pairing the rest of this
design system uses for UI chrome — 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 IBM's Carbon Tile
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. Maps Wikipedia article-header muscle memory using IBM Plex Sans 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.