The components are our LEGO blocs. They bring composition, inheritance and unlimited overrides from engineering to design.
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 consistent density to preserve a unified and balanced component look.
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.
Aside from the visual part, control elements must include a more significant clickable area. We will use it for Tap, Click, Active events.