Actions

FAB

Extended floating action button, 56px, for the main action of a mobile screen.

Live preview

Reference specimen. Example copy comes from the Pelote specs and is in French.

ExpressiveRéférence

Stabilité, écran Aujourd'hui : l'urgence et l'action courante côte à côte, même gabarit.

UX / UIRègles illustrées

À faire

Même taille, couleur sémantique pour l'urgence.

À éviter

Grossir l'urgence et réduire le reste : déséquilibre et cible trop petite pour « Repas ».

Variante M3EMême composant, mêmes rôles, autre matière

PlazaWii U / 3DS

ChromeY2K

Reference specimen. Example copy comes from the Pelote specs and is in French.

An extended floating action button (56px, 16px radius) for the main action of a mobile screen, bottom right.

One FAB per screen. Two only if one is an emergency (Stabilité: Crash SOS in ec, Meal in pc).
The emergency FAB is the same size as the other one: colour is what distinguishes it.
Always extended (icon and label) when space allows, above the navigation bar.