Borders are used in the following cases:
- To provide visual separation and improve the hierarchy of information so that all the elements displayed on a block, table or page are easier to understand.
- To show a status (selection, mouse over, …).
Border width
Border radius
Border radius are used to soften the visual aspect of our component.
We are only using the ration of 4px on all the rectangle element that contains some informations such as graphs, login blocks, button and even search bar.
