Design System Starter is a complete, copy-paste foundation for your next interface. A single stylesheet defines the design tokens (color scales, type scale, spacing, radius, shadows, motion) and every component built on them; a single small script adds tabs, modals, dropdowns, tooltips, toggles, toasts and the theme switch.

Three preset themes (Indigo, Ember and Mint) change the brand color, neutral tint, corner radius and display typeface in one attribute, and each works in light, dark or automatic mode. The included documentation site shows every component in every state, with a Code panel and Copy button for each example, a live token reference and a theme playground that exports your overrides.

It is plain HTML, CSS and vanilla JavaScript: no framework, no package manager, no fonts or images to license. Open index.html by double-clicking it, or drop kit.css and kit.js into an existing site. A mobile patterns page shows phone-sized screens (tab bar, form with bottom sheet, settings list) built from the same parts.

It is a starting point, not a framework: there are no data grids, charts, date pickers or rich text editors.