FX100

La landing page du testnet de FX100. Elle ouvre sur la promesse, la fin des liquidations, puis déroule les 15 minutes de protection, le fonctionnement en quatre étapes, un calculateur de liquidation, les coûts, les prix et la liquidité. Conçue sur Figma et développée en code, sur une grille blueprint de 60 px avec des animations ASCII.

L'interface de trading desktop, conçue sur Figma autour du compteur de protection : une position neuve à 15:00, le compte à rebours, le sauvetage, puis les deux issues, sauvée ou liquidée. Portfolio, earn et leaderboard complètent l'app.

Une version mobile cliquable de la dapp, codée à partir du design Figma pour sentir chaque interaction sur un téléphone : trade (graphique, ordre, détails, protection), portfolio, earn et leaderboard. Elle tourne sur un backend simulé et elle est documentée pour qu'un développeur branche le vrai.

Des visuels pour les annonces de FX100 sur X : liquidité unifiée, pas de carnet d'ordres, le prix qui franchit la ligne de liquidation, trading en un clic, nouveaux marchés et événements macro. Tous s'appuient sur la grille FX100 et son chemin vert, pour que chaque post soit reconnaissable d'un coup d'œil.

Des cartes PNL pour que les traders partagent leur résultat. La carte verte, Still standing, célèbre une position sauvée de la liquidation. La rouge montre la perte et rappelle que chaque position démarre avec 15 minutes de protection.

Un post animé qui explique la fenêtre de protection : une position s'ouvre, une mèche traverse la ligne de liquidation et le bouclier tient. Motion design construit en code avec HyperFrames.