NSDS is one set of design tokens and one portable component layer, rendered by both the Ghost theme (Handlebars + Tailwind v4) and the Next.js LMS (React). Every page of its styleguide is generated from the real artifacts, so the documentation cannot drift from the system.
Colour, typography, spacing, geometry, motion and elevation — every value a token, every token exported to CSS, JSON, JS and Tailwind.
A portable .ns-* class layer: navigation, forms, overlays, the course player, the admin console and the AI surfaces. No framework required.
A data-visualization layer with a machine-verified palette — the hues are checked against the colourblind simulations on every build.
Thumbnails, social templates, video structure and the live-stream scene system — the public assets built from the same tokens as the product.
The flat bundle is a single stylesheet with no build step: link it and every .ns-* class works, in light and dark, with the fonts and icons self-hosted alongside.
<link rel="stylesheet" href="dist/namaste-ui.css">Consuming it from a project instead — tokens as JavaScript, the Tailwind v4 theme, or the component CSS on its own — is covered in the integration guide.
165 generated pages. Each one is built from the artifact it documents, and each is a stable, linkable URL.