Trois directions pour moderniser Sorare Compagnon
Même écran dans les quatre cas : le dashboard /me, avec les mêmes données. Seul le langage visuel change.
La palette du logo (navy / teal / orange) est conservée partout — ce qui bouge, c'est la profondeur des surfaces, la hiérarchie typographique, et la mise en scène de la donnée.
Dashboard
Répartition par rareté
Cartes en vente
Cockpit
Sobriété et densité. Trois paliers de surface, filet lumineux en haut des cartes, nav en rail latéral, un seul chiffre héros au lieu de quatre stats au même poids. L'esthétique Linear / Robinhood.
Voir la maquette →Aurora
Fond dégradé « aurora », cartes en verre dépoli, halos colorés, chiffres en texte dégradé, donut pour les raretés. La direction la plus spectaculaire à l'ouverture.
Voir la maquette →Stadium
Bandeau hero avec tracé de terrain, chiffres en typo condensée façon tableau d'affichage, libellés en capitales, tuiles de rareté aux couleurs Sorare. L'orange redevient une couleur d'identité.
Voir la maquette →Direction retenue : B · Aurora
Le langage visuel est maintenant décliné sur les écrans qui comptent. Les tokens et primitives sont regroupés dans aurora.css — c'est le brouillon du futur design system (surfaces de verre, chips d'état, ScoreBox SO5, StarterOddsBadge, nav en pilule, bottom nav mobile).
Dashboard
Hero valeur nette + courbe, 4 KPI en verre, donut des raretés, cartes en vente.
Voir →Streaks
Grille « Choisis ta ligue », board de ligue, carousel de paliers, compos alignées avec cœurs et barre cible.
Voir →Équipe
Vue Compos détaillée (barre de récompense, slots joueurs) et éditeur de lineup (slots + banc, score IA, sélecteur de candidats).
Voir →Prochaine étape : la spec d'implémentation — tokens globals.css, primitives partagées, puis les écrans dans l'ordre. Rien n'est touché dans le code tant que la spec n'est pas validée.