This chapter covers:
- Examining how a design system can help deliver a consistent experience to your users
- Developing a design system and how it can affect the autonomy of the micro frontends teams
- Technical challenges when building a pattern library that should be technology-agnostic
- Distinguishing if a component should go into the central pattern library or stay under a product team’s control
In a micro frontend architecture, every team builds its part of the frontend. A team can plan, build, and ship new features without talking to its neighbors. But how do you deliver a consistent look and feel for the user? The different frontends should use the same color palette, typography, and grid layout. These measures ensure that the website does not look weird. But it typically doesn’t stop there. There’s also button styling, spacing rules, breakpoint definitions to support a variety of screen sizes, and a lot more.