Aller au contenu
Application

Composants de la landing

Pilule flottante : logo, navigation, bascule de thème, accès bêta (bureau, thème clair)Pilule flottante : logo, navigation, bascule de thème, accès bêta (bureau, thème sombre)Bureau
Pilule flottante : logo, navigation, bascule de thème, accès bêta (mobile, thème clair)Pilule flottante : logo, navigation, bascule de thème, accès bêta (mobile, thème sombre)Mobile
Pilule flottante : logo, navigation, bascule de thème, accès bêta
  • Logo AL-E + libellé Alpha Lead Engine en DM Mono sur deux lignes.
  • Liens en DM Mono capitales, interlettrage large ; sur mobile, un menu.
  • Bascule de thème : un interrupteur animé — soleil et nuages en clair, lune et étoiles en sombre (tokens --container-light-bg, --container-night-bg, --clouds-color, --stars-color). Le choix est mémorisé sur l’appareil, et la mascotte y réagit.
  • Bêta privée : pastille verte « en ligne » + flèche, vers l’inscription.
  • Une barre de progression de lecture fine court en haut de page.
Bouton Aspect Usage
Principal (neu-btn) Pilule en relief, libellé DM Mono capitales, flèche ronde à droite Rejoindre la liste d’attente
Lien d’action Texte DM Mono capitales, flèche ↓ ou → Comment AL-E choisit ↓
Choix Pilules côte à côte (neu-btn flex-1 rounded-full) Choix dans les formulaires

Au clic, le bouton s’enfonce (courbe --neu-ease). Le focus clavier reste toujours visible.

Les exemples (opportunité, liste classée, email préparé) sont des cartes en relief (neu-raised) à coins très arrondis, avec :

  • un surtitre DM Mono capitales en bleu accent (Opportunité n°1 cette semaine) ;
  • un titre DM Sans semi-gras ;
  • des lignes clé / valeur (libellé à gauche, valeur en accent à droite) ;
  • une pastille de score (chiffre en Chakra Petch + Priorité haute) ;
  • la mention Exemple illustratif dessous.
Demandé à la première visite, avant toute mesure d’audience (bureau, thème clair)Demandé à la première visite, avant toute mesure d’audience (bureau, thème sombre)Bureau
Demandé à la première visite, avant toute mesure d’audience (mobile, thème clair)Demandé à la première visite, avant toute mesure d’audience (mobile, thème sombre)Mobile
Demandé à la première visite, avant toute mesure d’audience

Titre « Vous acceptez la mesure d’audience ? », explication en une phrase (Google Analytics, rien n’est vendu ni partagé), deux choix de même poids. Aucune mesure n’est faite avant la réponse. Carte en relief flottante (neu-raised, rayon 1,5 rem), toujours au premier plan.

Pied de page (bureau, thème clair)Pied de page (bureau, thème sombre)Bureau
Pied de page (mobile, thème clair)Pied de page (mobile, thème sombre)Mobile
Pied de page

Champ email + bouton Rejoindre, deux listes facultatives, message d’erreur sous le champ (DM Mono, rouge, préfixe ✕), réassurance en petites capitales sous le bouton.

© 2026 Alpha Lead Enginealphaleadengine.comApplication