<aside>
Identité visuelle
Objects Styles
Les styles d’objet fournissent une structure et communiquent un comportement partagé entre les éléments.
Borders
La largeur de la bordure est utilisée pour définir la structure et la séparation.
Subtile - 0.5px : La largeur subtile de la bordure est réservée aux éléments de navigation comme le menu à onglets sur les écrans compacts.
Default - 1px : La largeur de bordure par défaut est utilisée pour illustrer la limite des composants et diviser le contenu.
Strong - 2px : Les bordures fortes sont utilisées pour mettre en valeur les éléments qui utilisent principalement des bordures pour leur structure, comme les onglets. Les contours de mise au point utilisent également la largeur de bordure forte.
Radius
Le rayon est largement utilisé dans notre système. Chaque taille de rayon est intentionnellement appliquée pour sélectionner des éléments.
Shadows
L'ombre portée est utilisée pour les éléments transitoires et fixes.
Spacing
Les espaces eux aussi sont normés. Puisque le système de grille est en base 8, les espaces en sont des multiples. Cela permet de maintenir un certain degrès de cohérence, aussi subliminal qu’il soit. Le plus petit espace disponible est 4px, qui est la distance minimal requise pour un clic confortable sur un icone en interface mobile.
