Une action, une trace

Le geste complète votre marque.

Le bouton n'affiche pas un spinner. Il montre Oryze qui se termine.

Maintiens une seconde. Relâche avant la fin pour annuler.

Maintien1,0 s
Annulationau relâchement

Démonstration locale · aucun message n'est envoyé

11:40 ALERTES

Studio Nord

FAC-2026-0038échue le 02/08

860,00 €

Retard 12 jours

Relance 2 · préparée par Oryze Intelligence

Bonjour Monsieur Roux,

Sauf erreur de notre part, la facture FAC-2026-0038 du 02/07, d'un montant de 860,00 €, reste à régler. Elle est échue depuis le 02/08.

Si le règlement a déjà été effectué, merci d'ignorer ce message. Dans le cas contraire, pourriez-vous nous indiquer la date de règlement prévue ?

Bien cordialement,
Studio Lumen

Maintenir une seconde · relâcher avant la fin annule

Historique des relances

  1. Relance 1 · tracée05/0809:14
  2. Relance 2 · préparée · à envoyer—

relance-retard-v1.0 · calculé le 08/08/2026 11:40 · données → 08/08

« Tu traces chaque chiffre.Trace aussi le geste. »

— parce que le geste qui écrit la trace est le seul qu'on ne peut pas défaire

Pourquoi cette interaction plutôt qu'un autre bouton
RaisonCe que le geste engage
L'IA prépareOryze Intelligence a rédigé le message. La doctrine du produit le dit ainsi : « Elle prépare. Vous décidez. »
L'humain décideLe produit dit « vous décidez ». 1,0 s de maintien, c'est le poids de cette décision quand sa conséquence sort de l'écran.
Le prix est relationnelUne relance part vers ton client, sous ton nom. Un virement peut parfois être rappelé. Un message lu ne peut pas l'être.
La trace existe déjàL'interface affiche déjà « Relance 1 · tracée ». Le geste doit produire la ligne que l'on relira, pas seulement la précéder.

Le maintien reste visible et réversible.

Sur ton téléphone, le contact est tout ce qu'il reste. Le geste doit répondre au doigt et céder au mouvement.

09:12
RELANCES01

Studio Nord

Une relance préparée

FAC-2026-0038Retard 12 jours

échue le 02/08

860,00 €

RELANCE 2 · PRÉPARÉE

« Sauf erreur de notre part, la facture… »

Oryze Intelligence

Maintenir · relâcher annule

Même geste, réduit au pouce · 0,9 s au toucher

Décisions tactiles du maintien
DéclencheurSur Expo, onPressIn ; sur le web, pointerdown. Jamais onMouseDown, qui arrive après le doigt.
Maintien0,9 s au toucher · 1,0 s au pointeur.
Amplitude4 px sur mobile · 3 px sur le web : le doigt couvre le déplacement.
AnnulationDoigt qui glisse, appel entrant ou défilement : la relance ne part pas.
HaptiqueimpactAsync(Light) au contact · notificationAsync(Success) à la fin · Warning à l'annulation.
AccessibilitéLe maintien fonctionne avec Espace ou Entrée. Dans l'app Expo, l'action « Envoyer » reste disponible pour VoiceOver et TalkBack.

Le même composant, sur vos vrais écrans.

Un bouton, quatre variantes, sept états — appliqué à vos surfaces réelles, sans déplacer un seul élément de mise en page. Ce n'est pas une refonte. C'est le même produit, avec un bouton qui se comporte enfin de la même façon partout.

Relances clients

EN RETARD

Studio Nord

FAC-2026-0038échue 02/08

  • Relance 1 · tracée le
  • Relance 2 · préparée · à envoyer
Retard12j

860,00 €

Menuiserie Roux

FAC-2026-0031échue 26/07

  • Relance 1 · tracée le
  • Promesse de règlement ·
Retard19j

2 340,00 €

Maintenir une seconde · relâcher avant la fin annule

Démonstration locale · aucune relance réelle n'est envoyée

  • Factures

  • Dépenses

  • TVA

  • Documents

  • Relances

  • Comptes

Un seul composant. Six surfaces réelles. Aucune dérive.

Une prop. Des états explicites.

Le composant s'étend sans changer le comportement des boutons qui n'en ont pas besoin.

Éléments nécessaires à l'adoption dans le système Oryze
<Button holdToConfirm={1000} />Une prop optionnelle. Sans elle, Button garde son comportement de clic actuel.
phase'idle' | 'hold' | 'working' | 'done' | 'cancelled' | 'failed'
--press-in: 0.05sL'appui, plus rapide que --dur-fast, qui reste pour le relâchement.
--dur-hold: 1.0sLa durée de la décision.
--action-primary-pressedLe pendant pressé de --action-primary-hover ; un nom distinct, sans nouvelle teinte.