What changed, what you can use, and where work remains.
18 foundations · 50 documented components · 196 registered tokens
Eight new guides cover iconography, content, data visualization, accessibility and inclusion, internationalization, imagery, AI behavior and trust, and input modalities. Each includes defaults, guidance, interactive examples, token references, and code. Original blue geometric covers and a shared title banner connect the collection.
Grid panels have stronger contrast. Motion uses a car following the dotted route; iconography has a larger centered house; content uses recognizable quotation marks. Accessibility pairs the person with a contrast symbol, internationalization combines A with Japanese hiragana and katakana, and AI trust and input covers use a robot, shield, and phone.
Foundations and component documentation share one Do/Don’t frame: blue sample areas, aligned captions, and full-height pastel status footers. Correct and incorrect examples retain their individual teaching content.
Getting started follows six illustrated steps: define, structure, compose, guide, validate, and evolve. The create-system action opens the actual local workspace flow; each step links to available tools and documentation.
Compact copyable swatches have clearer boundaries, gentle hover enlargement, row hover and keyboard-focus emphasis, and pastel copy notifications. Reduced-motion preferences remove the scale transition.
Search, selected pills, See all / Show less, filtered bulk selection, disabled-option handling, Clear selection, and Done now work together inside the popup.
A compact composer, session conversation history, new conversations, follow-up questions, and distinct analysis, risk, and plan responses replace the single-answer demo. Stop, retry, review, undo, and handoff actions remain explicitly local simulations.
Original line icons replace the repeated sparkle motif. The overview gives Codex, Claude, and Cursor clearer presence, and its component playground now opens system creation. Guardrail cards show explicit On/Off labels and a restrained selected surface.
Search alignment and focus styling are refined, the collapsed workspace picker retains its surrounding surface, and metric typography is lighter. The assistant launcher uses a ghost treatment with brief interaction animation and reduced-motion support.