UI 设计系统一览图

Create a single, well-organized design-system presentation sheet that showcases a complete UI kit in the visual style described in the user request. Lay it out as a clean board on a neutral canvas with clearly labeled sections: a color palette of named swatches, a typography scale, buttons in primary, secondary, and disabled states, form controls such as inputs, toggles, checkboxes, and sliders, cards with image and text content, navigation elements, and small tags and badges. Anchor the sheet with two hero mockups — a desktop web page and a mobile screen — assembled from the same components so the system feels applied rather than theoretical. Carry the requested style consistently through every element: its color logic, corner radii, shadows, texture, and type personality. Keep spacing on a tidy grid with generous margins, aligned columns, and subtle section headers, like a page from a professional brand guideline document. Render crisp, legible, vector-clean edges throughout, with short realistic labels instead of dense filler text. Do not add watermarks, real brand logos, or unreadable walls of tiny text. User request: a claymorphism design system in warm pastels for a kids learning app