The store · stack
The SEO & Page-Experience Kit
4 systemsWhat makes every page rank — and feel — right.
The presentation stack every page leans on: a central metadata builder with dynamic OG images, reusable JSON-LD components, the Bauhaus design-token system for AA-contrast theming, and the living architecture map that ties it together.
OG & Metadata Toolkit
One helper that gives every page consistent SEO and social cards.
A centralized metadata builder plus dynamic OpenGraph image generation. Every page calls one helper for canonical URLs, OG tags, Twitter cards and Bauhaus-styled social images — consistent SEO with no boilerplate.
Structured Data Components
Reusable JSON-LD schema builders for rich search results.
A set of JSX components — Person, Website, Article, Software, Research, Breadcrumb — that each emit a JSON-LD script tag. Pages compose them to earn rich results and breadcrumbs in search.
Bauhaus Token System
The site-wide design language: CSS variables + JS tokens, dark-aware.
The visual identity in code: CSS custom properties plus a JS token object, with a light/dark theme that switches on a data attribute. Every non-Tailwind surface styles itself from these tokens.
Architecture Map
A living, interactive map of how the whole system communicates.
A content-as-code system map: layers, surfaces-by-zone, integrations, and an interactive ecosystem graph of how they all talk. Public and indexed — the front door to understanding the platform.