R
Design Systems and Engineering Practice
Design Systems
59 cards- Design Tokens 4
- Component Libraries and Variants 3
- Completeness of Component States 6
- Usage Guidelines 3
- Versioning and Migration 3
- Contribution Process and Governance 6
- Tension Between System and Brand 6
- Over-abstraction 3
- Token Layers and Semantic Naming 4
- Component Composability 4
- Usage Guidelines and Anti-example Docs 3
- Version Management and Migration Cost 3
- Multi-brand and Multi-theme 4
- Over-abstracted Components 3
- Adoption and Compliance Metrics 4
Design Delivery
38 cardsImplementation Constraints
48 cards- Semantic Structure 3
- Focus Management 3
- Responsive Implementation 3
- Performance Budgets 3
- Render-blocking and Layout Shift 6
- Font Loading 3
- Image and Media Optimization 6
- Animation Performance Cost 3
- Accessible Name, Role, and State 3
- Focus Implementation Details 3
- Breakpoint Strategy 3
- Font Loading and Text Flash 3
- First Paint versus Interactive 3
- Low-end Devices and Degradation 3
Platform Conventions
42 cards- Apple Platform Conventions 3
- Material Design Conventions 3
- Windows Platform Conventions 3
- Mainland China Platform Conventions 6
- Web Standards and Browser Divergence 3
- Platform Convention versus Brand Consistency 6
- App Store Review 3
- Core Apple HIG Conventions 3
- Core Material Conventions 3
- Core Fluent Design Conventions 3
- Store Review Constraints on Interaction 3
- Consistency Cost of Cross-platform Frameworks 3