Famille
Interface
Ce qui tient l'app : la barre de navigation, les onglets qui filtrent, la modale qui confirme, le toast qui prévient, le tableau des mouvements, l'état vide, l'avatar.
Navigation
Fond bleu, logo officiel blanc, liens à 85 %, actif souligné d'un filet orange (seul indicateur), solde cliquable dans une pilule bleu-nuit, avatar. 64 px desktop, 56 px mobile avec tiroir.
Onglets
Contrôle segmenté en pilule : il filtre une vue, il ne navigue pas. Deux à cinq options, flèches au clavier, pas de compteur.
Modale
Question directe, conséquence, récapitulatif si de l'argent bouge, contour pour annuler et primaire qui nomme l'action. Échap et voile ferment.
Toast
Bleu-nuit, disque orange pour un don, succes pour une réussite, alerte pour un échec. 5 s, 8 s pour un don. Quatre empilés au maximum. Un échec dit quoi corriger.
Tableau
Sans bordures verticales ni zébrage. Montants à droite, gras, tabulaires ; sorties en encre-douce, jamais en rouge. Ligne cliquable en entier. Sous 768 px, trois colonnes.
| Date | Source | Libellé | Montant | Statut |
|---|---|---|---|---|
| 24 sept. · Don | Don | Karim | + 20,00 TND | Payé |
| 23 sept. · Store | Store | Pack presets · Salma | + 45,00 TND | Payé |
| 22 sept. · Retrait | Retrait | Virement ATB | − 359,78 TND | En attente |
| 21 sept. · Abonnement | Abonnement | Yassine · Ange | + 5,00 TND | Payé |
| 20 sept. · Retrait | Retrait | Flouci | − 120,00 TND | Refusé |
État vide
Bloc bleu-clair avec la pièce, un constat, une aide, l'action réelle suivante. Il occupe la zone de la liste, pas l'écran ; un seul par vue, donc un seul primaire.
Aucun bakchich pour l'instant.
Partage ton lien sur ton stream et dans ta bio, c'est là que tout commence.
Copier mon lienAvatar
Disque bleu cerclé, initiale sans photo. L'anneau orange signifie « en live maintenant », rien d'autre. Rang 1 à 5 pour le Top 5. Pile de quatre puis un compteur.