👆 Cliquez sur une note → fenêtre complète avec formatage préservé (markdown).

En cliquant sur une tâche, une fenêtre s'ouvre avec toutes les infos :

Interface pliable → une seule section ouverte à la fois. Parfait pour mobile.

• Une organisation = un espace de travail isolé (accès, vault, utilisateurs, logs).
• Vous pouvez en créer plusieurs : Perso, Société, Client X, etc.
• Vous basculez de l'une à l'autre via un switch sécurisé.

Dans le bloc "Créer une nouvelle organisation" :

1. Saisissez un nom clair : "Agence Web XYZ", "Client Banque A", "Projet SaaS 2026".
2. Cliquez sur Créer.
3. L'organisation apparaît dans la liste avec ses propres paramètres.

Conseil : utilisez un nom qui correspond à la structure réelle (société, BU, client) pour éviter les confusions.

La section "Organisations existantes" affiche toutes les organisations auxquelles vous appartenez, avec :

• Nom de l'organisation.
• Rôle (Owner, Admin, Membre...).
• Bouton ou lien pour basculer dessus.

Quand vous cliquez sur une organisation, une fenêtre de confirmation apparaît :

• Question claire : "Voulez-vous vraiment basculer vers cette organisation ?"
• Boutons Annuler ou Confirmer.

Après confirmation, tout le vault (mots de passe, partages, logs, paramètres) s'adapte à l'organisation choisie.

Cette page permet de lier votre adresse courriel à une passkey sur votre appareil (ordinateur, téléphone, clé de sécurité).

1. Vous saisissez votre email.
2. Vous cliquez sur le bouton ✨.
3. Une fenêtre système apparaît (empreinte, Face ID, PIN, Yubikey…).
4. Une passkey est créée et stockée sur votre appareil.

Utilisez l'adresse associée à votre compte Dpasswords.

• Le champ email doit être valide (format vous@exemple.com).
• Cet email servira à identifier votre passkey sur vos appareils.

Après le clic, votre navigateur déclenche la procédure de création de passkey :

• Votre appareil demande une vérification (empreinte, visage, PIN).
• Une paire de clés publique/privée est générée sur l'appareil.
• La clé privée reste sur votre appareil, la clé publique est envoyée au serveur.

Lors des prochaines connexions, vous n'aurez plus qu'à valider avec votre appareil (comme pour déverrouiller votre téléphone). [web:61][web:63][web:69]

1. Vous cliquez sur 🌀 Générer le QR code.
2. Un QR code + une clé secrète apparaissent.
3. Vous scannez le QR avec une application d’authentification (Google Authenticator, Microsoft Authenticator, Authy, etc.).
4. L’app commence à générer des codes à 6 chiffres.
5. Vous tapez un de ces codes → votre 2FA est activé. [web:76][web:78][web:79]

Le bouton 🌀 Générer le QR code affiche :

• Un QR code à scanner avec votre téléphone.
• Une clé secrète en texte (pour saisie manuelle si la caméra ne fonctionne pas).

Sur votre téléphone, ouvrez une application comme :

• Google Authenticator, Microsoft Authenticator, 1Password, etc.
• Ajoutez un nouveau compte → choisissez Scanner un code QR.
• Pointez la caméra vers le QR affiché sur cette page.

L’app commence alors à afficher un code à 6 chiffres qui change toutes les 30 secondes. [web:76][web:81]

Dans le champ Code :

• Tapez le code à 6 chiffres affiché dans votre app.
• Appuyez sur ✔ Valider.

Si le code est correct, le 2FA est activé pour votre compte. À chaque connexion, on vous demandera ce code en plus de votre mot de passe.

Cet écran permet d’échanger des messages et des fichiers en temps réel avec les autres utilisateurs de votre organisation.

• 🔒 Messages chiffrés de bout en bout (E2E).
• ⚡ Mises à jour temps réel (signalisation de frappe, nouveaux messages, etc.). [web:94][web:96]
• 📎 Partage de fichiers (images, PDF, DOCX, ZIP...).

À gauche, vous voyez tous les utilisateurs disponibles pour discuter :

• Sur mobile, un bouton “Utilisateurs” affiche/masque la liste.
• Le badge affiche le nombre total d’utilisateurs connectés/visibles.
• Cliquez sur un nom pour ouvrir la conversation correspondante.

• En-tête : nom de la personne ou de la conversation sélectionnée.
• Zone centrale : historique des messages, du plus ancien au plus récent.
• Indicateur de frappe : affiche quand l’autre utilisateur est en train d’écrire. [web:100][web:103]

En bas, le champ "Message..." permet de taper votre texte, puis le bouton Envoyer envoie le message en temps réel.

La carte en bas de la zone de chat gère les pièces jointes :

• Formats supportés : images, PDF, DOC/DOCX, ZIP.
• Bouton Choisir un fichier → sélection sur votre appareil.
• Bouton Envoyer → upload avec barre de progression.

Une fois envoyé, le fichier apparaît dans la conversation avec éventuellement un aperçu (image ou lien de téléchargement).

Cela signifie que vous avez approuvé l’adresse IP affichée pour l’organisation concernée.

• L’adresse IP (par ex. 203.0.113.42) est maintenant autorisée à accéder à l’organisation indiquée.
• Le message indique clairement l’IP et l’ID d’organisation.

Le bouton "🚀 Go to Application" vous ramène dans Dpasswords avec cet accès désormais débloqué.

Ici, l’adresse IP indiquée est à nouveau interdite d’accès.

• Le texte "ACCESS DENIED" confirme que cette IP ne peut plus accéder à l’organisation.
• Utile si vous aviez approuvé une IP par erreur ou si vous soupçonnez un accès malveillant.

Le bouton "← Back to Home" vous renvoie à la page d’accueil sans changer d’autre paramètre.

Ce cas apparaît si le lien utilisé est invalide, expiré, déjà utilisé ou mal formé.

• Le message détaille la raison (ex. jeton expiré, signature invalide).
• Aucun changement n’est appliqué à la configuration de sécurité.

Cliquez sur "← Back to Home", puis si nécessaire, demandez un nouveau lien depuis l’interface d’administration.

La bannière en haut présente les avantages principaux :

• 🔐 Sécurité renforcée (chiffrement, zéro connaissance).
• 🏢 Pensé pour les équipes et les organisations.
• ⚡ Expérience moderne, rapide et fluide.

La section "Bénéfices" récapitule ce que vous obtenez en créant un compte :

• 🔒 Sécurité : coffre-fort chiffré, 2FA, passkeys.
• 👥 Travail en équipe : partage et organisations.
• ⭐ Fonctionnalités premium : automatisations, API, statistiques.

Le formulaire est simple : 3 champs suffisent pour démarrer.

1. Adresse courriel Utilisez une adresse que vous contrôlez (professionnelle si compte d’équipe).
2. Mot de passe Créez un mot de passe fort et unique. Il protège l’accès à votre vault.
3. Nom de votre organisation Exemple : "MonEntreprise", "Agence Web XYZ" ou "Famille Martin". C’est le nom de votre premier espace de travail.

• Un compte utilisateur est créé pour votre email.
• Une organisation portant le nom saisi est créée pour vous.
• Vous êtes redirigé vers la suite de l’onboarding (connexion, 2FA, etc.).

La page a deux faces qui pivotent l’une sur l’autre :

• Face 1 (par défaut) : connexion classique email + mot de passe.
• Face 2 : méthodes alternatives (passkey, Google, etc.).

• Champ email → votre adresse de compte.
• Champ mot de passe → votre mot de passe maître.
• Bouton Connexion → valide et vous connecte.

• Bouton 📬 OTP → envoi de code 6 chiffres par email (si 2FA désactivé).
• Bouton ✨ Autres méthodes → fait pivoter vers la face 2.

Après avoir cliqué sur "✨ Autres méthodes", vous voyez 5 options :

• 🔑 Passkey → connexion biométrique (empreinte, Face ID).
• Google → connexion via compte Google (OAuth).
• Token → lien magique envoyé par email (OTP avancé).
• Nouveau compte → inscription directe.
• Mot de passe oublié → réinitialisation.

Si vous cliquez sur "📬 OTP", une fenêtre s’ouvre :

• Email pré-rempli (non modifiable).
• 6 cercles pour saisir un code à 6 chiffres envoyé par email.
• Bouton Envoyer puis Vérifier.

Permet de se connecter sans connaître le mot de passe (récupération temporaire).

1. Fond animé : deux panneaux qui glissent pour "fermer" l’écran.
2. Cercle logo : Dpasswords.ca avec 3 points qui tournent autour (comme un coffre qui se verrouille).
3. Barre de progression : de 0% à 100% → confirme que la session est bien effacée.
4. Messages dynamiques : "Session fermée", "Données chiffrées", "À bientôt".
5. Effet explosion verre : écran qui "se brise" → métaphore de sécurité renforcée.

• Cookies de session supprimés.
• Tokens JWT invalidés côté serveur.
• Cache local vidé (localStorage, sessionStorage).
• Redirection vers page de connexion après animation.

C’est une page web temporaire qui contient un seul mot de passe (login, URL, notes) et qui s’autodétruit après utilisation ou expiration.

• Anonyme : pas besoin de compte pour créer ou consulter.
• Sécurisé : contenu chiffré, lien unique, autodestruction.
• Temporaire : expire automatiquement (ex. 24h, 1 semaine).

Remplissez les champs qui vous intéressent (tous optionnels sauf mot de passe) :

Une fois le bouton vert cliqué, vous recevez :

• URL unique → lien direct vers le vault jetable (à envoyer au destinataire).
• Token → code de sécurité pour gérer le vault.
• Date d’expiration → quand le vault s’autodétruit.

Le destinataire clique sur l’URL que vous lui avez envoyée :

• Il voit les informations (login, mot de passe, etc.) affichées clairement.
• Il peut copier les infos ou télécharger un fichier.
• Une fois consulté, le vault peut s’autodétruire ou expirer selon vos paramètres.

Remplissez les 4 champs :

• Titre → nom du secret ("Clé AWS Prod").
• Contexte → mot de passe/mot-clé pour déverrouiller ("PROD2026"). Bouton "Choisir un contexte" propose des suggestions.
• Secret → le contenu sensible (mot de passe, clé API, token…).

Vous obtenez un lien unique vers votre secret verrouillé :

• Le destinataire clique sur le lien → voit un champ "Contexte".
• Il saisit le bon mot-clé → le secret s’affiche entièrement.
• Mauvais contexte → rien ne s’affiche.

Le bouton "Choisir un contexte" ouvre une fenêtre avec des suggestions prédéfinies :

• Default → contexte générique.
• Travail → contexte professionnel.
• Personnel → contexte privé.
• Projet X → contexte spécifique.

1. Vous saisissez votre adresse email.
2. Cliquez sur "Envoyer le lien".
3. Vérifiez votre boîte de réception → cliquez le lien → vous êtes connecté automatiquement.

Un seul champ : votre adresse email associée à votre compte Dpasswords.

• Un email contenant un lien unique est envoyé immédiatement.
• Ce lien est valide pendant une durée limitée (ex. 15 minutes).

Cliquez le lien → vous êtes automatiquement connecté, sans mot de passe ni 2FA supplémentaire.

Après avoir cliqué "Envoyer le lien", une confirmation apparaît :

• ✅ "Lien envoyé à votremail@exemple.com".
• ❌ "Erreur envoi email" ou "Email non trouvé".

Chaque section est un onglet pliable → une seule ouverte à la fois. Parfait pour mobile et organisation claire.

Tableau scrollable des utilisateurs invités :

• Email, statut (actif/inactif), actions (supprimer, rôle).
• Badge avec nombre total d’utilisateurs.
• Loader pour chargement dynamique.

• V1 : export de l’organisation actuelle (bouton jaune).
• V2 (propriétaire) : export de TOUTES les organisations (bouton rouge).

Fichier .enc chiffré avec votre mot de passe → importable plus tard.

• Fichier .enc + mot de passe → restauration vault.
• V1 : import organisation courante.
• V2 : multi-organisations.
• Google Drive : upload direct vers votre Drive.

Statut actuel + stats :

• Nb mots de passe, wallets, sub-users, stockage.
• Bouton "🚀 Upgrade" → passer au plan supérieur.

• 🗑️ Supprimer cette org → bouton rouge.
• 🧨 Supprimer TOUTES les orgs → bouton rouge secondaire.

Modales de confirmation avec avertissements irréversibles.

Animation avec particules flottantes → effet premium.

• Titre accrocheur + sous-titre.
• Badge "🚀 Nouveau" → mise en avant.

"💎 Paiement Crypto – Digibyte (DGB)"
Sous-titre : "Scannez le QR code ou envoyez le montant exact ci-dessous. Votre abonnement sera activé dès réception."

Grand QR code au centre → scannez-le avec votre wallet mobile (DigiByte, Trust Wallet, etc.).

L’adresse DGB est automatiquement encodée dans le QR.

Compte à rebours (ex. 15-30 minutes) → lien invalide après expiration.
Incite à payer rapidement pour éviter de refaire la procédure.

Une fois le paiement détecté sur la blockchain :

• Message de confirmation apparaît.
• Abonnement activé automatiquement.
• Redirection vers votre compte après quelques secondes.

Titre accrocheur + image cadeau + 2 boutons CTA :

• "🎁 Acheter des cartes cadeaux" → scroll vers plans.
• "🚀 S’inscrire" → nouvelle inscription.

• Liste des cartes ajoutées (plan, durée, quantité).
• Total en $ affiché.

Bouton Paiement → PayPal ou DGB selon choix.

Hero avec image + stats (🔒 sécurisé, ⚡ instantané).

• Étape 1 : saisir le code cadeau.
• Étape 2 : validation et activation.
• Étape 3 : abonnement actif immédiatement.

Un seul champ : code de la carte cadeau.

• Format : code alphanumérique (ex. DPWD-PRO-XYZ123).
• Bouton "🎁 Racheter" → validation.
• Zone statut en dessous pour confirmation/erreur.

• Abonnement activé immédiatement.
• Message de confirmation avec plan/durée.
• Redirection vers tableau de bord ou page de bienvenue.

• Code invalide → n’existe pas ou format incorrect.
• Déjà utilisé → carte cadeau déjà rachetée.
• Expiré → délai dépassé depuis achat.

Carrousel Bootstrap automatique avec :

• Témoignages des utilisateurs (texte + note).
• Flèches gauche/droite pour navigation.
• Chargement dynamique via API.

Bouton bleu → ouvre une modale avec tous les feedbacks :

• Nom → pseudo ou prénom.
• Message → avis détaillé (textarea).
• Note → 1 à 5 étoiles (sélecteur).
• Bouton "📨 Envoyer" → soumission.

• Bannière 1 : titre + 3 features (⚡ rapide, 🛡️ sécurisé, 👥 humain).
• Bannière 2 : 3 cartes méthodes (email, chat, téléphone).
• Bannière 3 : CTA fort ("📝 Formulaire" / "📧 Email").

• Nom * → obligatoire.
• Email * → obligatoire.
• Téléphone → optionnel.
• Message * → max 300 caractères.

Bouton "📤 Envoyer" + statut (confirmation/erreur).