Color, type, radius, shadow, and size tokens, plus the shared React components — read from tokens/*.tokens.json and packages/web/src/*.tsx, the same source scripts/build.mjs generates the CSS and Tailwind preset from.
The starting point for anything new. Copy tokens/template.tokens.json, edit the values, run npm run build — this is what a brand-new app gets with no other decisions made yet.
Already-shipping products. Each keeps its own color identity on purpose — only the token structure is shared with the default, not the palette.
The same token values, bound for SwiftUI — read from packages/ios/DesignKit/Sources/DesignKit/Brands/<Name>Tokens.swift, generated from the same tokens/*.tokens.json as the web output. Colors render as native Color, sizes as CGFloat — nothing here is a CSS value pretending to be Swift.
Add the package, pick a brand enum (or copy TemplateTokens and start a new one), reference ActiveBrand.Colors/Radius/Shadow/Size from your views.
Same brands as the Web track, same hex/pt values — this is the guarantee the generator exists to keep: one source, two platform-native bindings.