The components are our LEGO blocs. They bring composition, inheritance and unlimited overrides from engineering to design.
Define bricks then build houses
Generally, components consist of lower-level elements: icons, forms, buttons, headlines, paragraphs, etc. The goal is to preserve consistency in appearance and to reuse them throughout the app.
Card look changed, DRY princinple broken.
1. New borders around the card.
2. Different edges rounding.
3. Different shadow style.
Keep density consistent
Keep consistent density to preserve a unified and balanced component look.
Follow best practices
Navigation blocks must be available in the places where the user expects to see them. Have a better idea? Prove it with A/B test.
More space for click
Aside from the visual part, control elements must include a more significant clickable area. We will use it for Tap, Click, Active events.