# Design Systems Source: https://www.jvds.cn/en/share/topics/design-system Language: en [All insights](https://www.jvds.cn/en/share) / Design Systems Explore practical articles on design systems, with guidance on design decisions, implementation and project planning. 27 related articles ![Fit check](https://www.jvds.cn/upload/2026/1004/g3/G090-c.webp) *[Interface Design](https://www.jvds.cn/en/share/ui-design)* [Must Old Pages Follow a Design System Update? Define Compatibility and Migration Responsibilities](https://www.jvds.cn/en/share/ui-design/design-system-update-migration-policy) ![Buttons](https://www.jvds.cn/upload/2026/1004/g3/G089-c.webp) *[Interface Design](https://www.jvds.cn/en/share/ui-design)* [Two Almost Identical Buttons in a Design System: Should They Be Merged or Kept Separate?](https://www.jvds.cn/en/share/ui-design/design-system-component-merge-decision) ![Typography](https://www.jvds.cn/upload/2026/0830/1788072701153.webp) *[Interface Design](https://www.jvds.cn/en/share/ui-design)* [How to Design Typography Tokens Without Mistaking 14px / 16px / 20px for a Type System](https://www.jvds.cn/en/share/ui-design/typography-token-design-system) ![Icon](https://www.jvds.cn/upload/2026/0830/1788072700630.webp) *[Interface Design](https://www.jvds.cn/en/share/ui-design)* [How to Design a Product Icon System That Keeps Meaning, Sizing, and Interaction Consistent](https://www.jvds.cn/en/share/ui-design/product-icon-system-design) ![Responsive](https://www.jvds.cn/upload/2026/0830/1788072700028.webp) *[Interface Design](https://www.jvds.cn/en/share/ui-design)* [How to Define a Responsive Grid and Spacing System Without Treating 8px as a Universal Answer](https://www.jvds.cn/en/share/ui-design/responsive-spacing-grid-system) ![UI system](https://www.jvds.cn/upload/2026/0830/1788072699480.webp) *[User Experience](https://www.jvds.cn/en/share/user-experience)* [How to Build a Design System Contribution Model Without Turning the Core into a Request Dump](https://www.jvds.cn/en/share/user-experience/design-system-contribution-model) ![UI system](https://www.jvds.cn/upload/2026/0830/1788072698964.webp) *[User Experience](https://www.jvds.cn/en/share/user-experience)* [How to Write Design System Documentation That Helps Teams Make the Right Decisions Independently](https://www.jvds.cn/en/share/user-experience/design-system-documentation-guide) ![UI system](https://www.jvds.cn/upload/2026/0830/1788072698443.webp) *[User Experience](https://www.jvds.cn/en/share/user-experience)* [How to Govern a Design System: Why Decision-Making Matters More Than Component Count](https://www.jvds.cn/en/share/user-experience/design-system-governance-model) ![Designers](https://www.jvds.cn/upload/2026/0828/1787873959912-689346.webp) *[User Experience](https://www.jvds.cn/en/share/user-experience)* [What is Design Debt? The increasingly inconsistent interfaces are often not due to a decline in designers' capabilities, but rather the team has been constantly borrowing "design debts".](https://www.jvds.cn/en/share/user-experience/design-debt-product-design-system) ![Colours](https://www.jvds.cn/upload/2026/0828/1787873958726-572032.webp) *[Interface Design](https://www.jvds.cn/en/share/ui-design)* [Why is "high-grade grey" often hard to see clearly? UI color matching should not be based solely on what looks comfortable on the monitor; it is necessary to check the actual contrast](https://www.jvds.cn/en/share/ui-design/wcag-color-contrast-ui-design) - [Previous](https://www.jvds.cn/en/share/topics/design-system) - [1](https://www.jvds.cn/en/share/topics/design-system) - [2](https://www.jvds.cn/en/share/topics/design-system/2) - [3](https://www.jvds.cn/en/share/topics/design-system/3) - [Next](https://www.jvds.cn/en/share/topics/design-system/2)