L’application, vue d’ensemble

L’application (client.alphaleadengine.com) est un outil de travail : on y passe du temps, on y traite des listes. Son design sert la vitesse et la lisibilité, là où la landing sert la conviction.

Écran de connexion (bureau, thème clair) — Écran de connexion

Écran de connexion (bureau, thème sombre) — Écran de connexion

Principes

Plat et calme : fond crème, surfaces blanches, bordures fines, ombres minimes. Le relief est réservé à ce qui flotte (menus, fenêtres).
Une seule couleur d’action : l’accent (bleu par défaut). Les couleurs sémantiques et les couleurs d’étapes portent l’information, pas la décoration.
Les données d’abord : chiffres tabulaires, scores colorés (vert, ambre, rouge), tableaux denses mais aérés.
Le parcours, pas les menus : Chercher → Relire → Envoyer structure la navigation et le tableau de bord.
Chaque écran a un état vide utile, qui dit quoi faire ensuite.
Jamais d’erreur pour une fonction pas encore ouverte : un encart Bientôt disponible.

Rien à relire pour l’instant

Lancez une recherche : les maquettes et les emails prêts arriveront ici.

Code HTML

<div class="empty-state">
  <p class="empty-state__title">Rien à relire pour l’instant</p>
  <p class="empty-state__text">Lancez une recherche : les maquettes et les emails prêts arriveront ici.</p>
  <button class="btn btn--primary">Lancer une recherche</button>
</div>

Adaptation aux écrans

Écran	Navigation	Particularités
Ordinateur	Barre latérale	Aperçu latéral des prospects, raccourcis clavier, palette ⌘K
Tablette	Rail compact
Mobile	Barre d’onglets en bas	Recherche plein écran, feuilles glissantes, actions à portée de pouce, appui long, glisser pour décider, retour haptique

L’application s’installe comme une application (PWA) : plein écran, raccourcis sur l’icône, pastille du nombre d’éléments à relire.

Réglages de l’utilisateur

L’utilisateur adapte l’interface : thème (clair, sombre, système), accent (5 teintes), densité (confort ou compact), animations, retour haptique, mode expert. Voir Couleurs et thèmes.

Les composants réels sont présentés dans Composants.