UI Style System Board

Create a polished multi-page UI style system board for [PRODUCT_OR_BRAND]. Present the system as a cohesive set of design pages on one clean preview canvas. Use a strict 8px spacing grid, consistent margins, precise alignment, and a clear hierarchy across every page. Include a color token panel with primary, secondary, neutral, semantic, and background swatches; a typography scale with heading, body, caption, and numeric styles; a component sheet with buttons, inputs, cards, navigation, badges, and empty states; and two responsive layout examples showing desktop and mobile proportions. Keep the system visually consistent, editable, and suitable for a SaaS product, creator tool, ecommerce brand, or internal dashboard. Use realistic placeholder copy only where needed, and keep labels short enough to remain readable. Avoid real logos, copied design systems, brand names not supplied by the user, distorted typography, inconsistent spacing, mismatched shadows, decorative clutter, inaccessible contrast, and component examples that break the grid.