Oxygen · design system

Modèles

Les assemblages récurrents des applications. Ils fixent la place des choses pour qu'un écran de tâches et un écran de contacts se manipulent pareil.

Liste groupée avec en-têtes collants

La date reste visible tant qu'on défile dans son groupe. C'est ce qui permet de savoir où l'on est sans remonter.

Grille de médias

Utilisée par les photos. Vignettes carrées jointives : la densité prime sur la marge, l'image porte déjà sa propre séparation.

Sélecteur d'applications

Chaque vignette porte l'accent de l'application qu'elle ouvre, et non celui de l'application depuis laquelle on la regarde. C'est ce qui rend la grille reconnaissable d'un coup d'œil.

Calendrier Contact Tâche Note Recette Photo Météo Calculatrice Réglage

Barre de navigation basse

Sur mobile elle occupe la zone du pouce ; au-delà de 48rem elle se réorganise en rail horizontal sous la barre de titre.

Action principale flottante

Une seule par écran : deux boutons flottants ne se hiérarchisent plus. Il se place au-dessus de la barre basse et de l'encoche.