Bloopi
Design system · Emails transactionnels

Des emails clairs,
au service de vos locataires.

Chaque email envoyé par Bloopi suit la même charte : zinc + violet #7033ff, Geist + Plus Jakarta, IBM Plex pour les chiffres. Relances de paiement, demandes de signature, invitations, notifications — toutes les variantes utilisées au quotidien sont rassemblées ici.

600px maxFR · transactionnelv1.0 · mai 2026
01 · ANATOMIE

Anatomie d'un mail Bloopi

Modèle exhaustif intégrant chaque bloc visuel disponible. Sert de référence : chaque template ci-après en est un sous-ensemble.

OrganizationEmailLayoutEmailHeaderEmailFooter
DeMarie Lambert · marie@agence-horizon.fr
Àthomas.dupont@email.fr
ViaBloopi · noreply@bloopi.site
PAYMENTRappel — loyer novembre · 12 rue des Lilas
AH
Agence Horizon
Gestion locative · Paris 11ᵉ
Première relance

Bonjour Thomas,
un paiement attend votre attention.

Le loyer de novembre 2026 pour 12 rue des Lilas, 75011 Paris n'a pas encore été reçu.

Détail du paiement

12 rue des LilasT3 · 64 m²
PériodeNovembre 2026
Échéance05 / 11 / 2026
Retard12 jours
Montant dû1 240,00 €
Bonjour Thomas, je n'ai pas reçu votre paiement de novembre. Ce n'est sans doute qu'un oubli — pouvez-vous régulariser dans les prochains jours ?
Régler en ligne

Paiement sécurisé via Stripe · ou virement IBAN FR76 3000 4000 0312 3456

Et après ?
  1. 1Sous 8 jours — un reçu vous est envoyé automatiquement.
  2. 2Sans réponse, seconde relance le 27 novembre.
  3. 3Une difficulté ? Répondez, on trouvera une solution.
Mention légale. Tout retard de paiement engage votre responsabilité contractuelle (article L.111-8 du Code des procédures civiles d'exécution).
Marie Lambert
Gestionnaire · Agence Horizon
Agence Horizon SARL
24 bd Voltaire, 75011 Paris·Carte pro CPI 7501 2024 000 123 456·SIREN 893 421 056
Email envoyé automatiquement par votre espace de gestion locative.BPowered by Bloopi
02 · payment-reminder

Relance paiement — 3 niveaux

Le ton et la couleur de la pill s'intensifient avec le niveau. Le bloc juridique apparaît à partir du niveau 2.

level: 1 | 2 | 3
Àm.bernard@email.fr
LVL 2 · FERMERelance paiement · 9 rue Charlot · Apt 7
SM
SCI Marais
Gestion privée
Deuxième relance · ferme

M. Bernard, un paiement de 680 € reste impayé.

Malgré notre rappel du 14 novembre, le loyer d'octobre n'a toujours pas été réglé.

9 rue Charlot · Apt 775003 Paris
PériodeOctobre 2026
Échéance05 / 10 / 2026
Retard43 jours
Montant dû680,00 €
Délai impératif : 8 jours ouvrés. À défaut de régularisation, une mise en demeure par lettre recommandée sera adressée — entraînant des frais à votre charge.
Mention légale. En cas de non-régularisation, des frais de recouvrement pourront être mis à votre charge selon les articles L.111-8 du Code des procédures civiles d'exécution.
Thibault Jeanpierre
SCI Marais
SCI Marais
Paris 03ᵉ·SIREN 921 305 408
Email automatique — gestion locative.BPowered by Bloopi
03 · signature-request

Demande de signature

CTA dominant, expiration claire, rappel eIDAS discret.

urldocumentLabelexpiresAt
Àa.lefevre@email.fr
SIGNATUREDocument à signer — Bail Apt 3B
SM
SCI Marais
Gestion locative
Action requise

Bonjour Mme Lefèvre,
un document attend votre signature.

Thibault Jeanpierre vous invite à signer électroniquement : Bail meublé · 12 rue Lafayette · Apt 3B.

Bail meublé · Apt 3B12 pages · PDF
Demandé parThibault Jeanpierre
Expire le22 / 05 / 2026
Durée moyenne2 minutes
Signer le document

Lien personnel — ne le partagez pas.

3 étapes simples
  1. 1Vérification d'identité par code SMS.
  2. 2Tracé de signature à la souris ou au doigt.
  3. 3Validation — vous recevez la copie horodatée par mail.
Signature électronique simple au sens du règlement eIDAS, recevable juridiquement pour les actes locatifs (article 1367 du Code civil).
Thibault Jeanpierre
SCI Marais
SCI Marais
Paris·SIREN 921 305 408
Vous recevez ce mail car vous êtes signataire d'un document.BPowered by Bloopi
04 · signature-completed

Signature finalisée

Confirmation positive — pill verte, ton rassurant, lien de consultation et certificat.

signedAtaccessUrlhasAccount
Àa.lefevre@email.fr
SIGNEDBail Apt 3B — signature finalisée
SM
SCI Marais
Gestion locative
Signature finalisée

Tout est signé. Bienvenue chez vous.

Le document Bail meublé · Apt 3B a été signé par toutes les parties le 20 mai 2026 à 14:32. Une copie horodatée est conservée avec la piste d'audit complète.

Vous pouvez retrouver le document signé ainsi que son certificat de conformité à tout moment via votre espace.
Accéder à mon espace

Ce lien vous connecte automatiquement pour 7 jours.

L'équipe Bloopi · SCI Marais
SCI Marais
Paris·SIREN 921 305 408
Conservation 10 ans · piste d'audit complète.BPowered by Bloopi
05 · signature-otp

Code de vérification

Mail ultra court, hyper lisible. Le code est la pièce maîtresse.

codeexpiresIn
Àa.lefevre@email.fr
OTPVotre code de signature : 184 207
SM
SCI Marais
Vérification d'identité
Code à usage unique

Votre code de signature

Saisissez ce code à 6 chiffres dans la fenêtre de signature. Il expire dans 10 minutes.

184207

Si vous n'avez pas demandé cette signature, ignorez ce message.

Sécurité. Bloopi ne vous demandera jamais ce code par téléphone ou par mail.
SCI Marais
Paris·SIREN 921 305 408
Code envoyé automatiquement.BPowered by Bloopi
07 · tenant-portal-invitation

Invitation espace locataire

Présente ce que le destinataire trouvera derrière le lien — pas juste un CTA.

contactNameinviterNameurl
Àa.lefevre@email.fr
INVITEVotre espace locataire vous attend
SM
SCI Marais
Espace locataire
Invitation

Bonjour Mme Lefèvre,
votre espace locataire est prêt.

Thibault Jeanpierre vous invite à activer votre espace sur SCI Marais. Vous y retrouverez tout au même endroit :

  1. ·Vos locations et leurs documents (bail, état des lieux, quittances).
  2. ·Vos paiements — historique et règlement en ligne.
  3. ·Vos échanges avec votre gestionnaire — messagerie intégrée.
  4. ·Vos signalements — déclarer une panne en quelques clics.
Activer mon espace

Ce lien expire dans 7 jours. Si vous n'attendiez pas cette invitation, ignorez simplement.

Thibault Jeanpierre
SCI Marais
SCI Marais
Paris 03ᵉ·SIREN 921 305 408
Vous recevez ce mail car SCI Marais gère votre logement.BPowered by Bloopi
08 · message-notification

Nouveau message

Aperçu du contenu en blockquote — donne envie de cliquer pour lire la suite.

senderNamecontextLabelpreview
Àthibault@bloopi.site
MESSAGENouveau message d'A. Lefèvre · Bail Apt 3B
B
Bloopi
Messagerie
Nouveau message

A. Lefèvre vous a écrit.

À propos de Bail Apt 3B · 12 rue Lafayette — reçu il y a 4 minutes.

Bonjour, j'ai constaté une fuite sous l'évier de la cuisine ce matin. Pas urgent mais ça goutte. Pouvez-vous m'envoyer un plombier dans la semaine ?
Lire et répondre

Vos réponses sont envoyées via Bloopi — pas besoin de quitter votre espace.

— Bloopi
Vous pouvez désactiver ces notifications dans Paramètres → Notifications.BPowered by Bloopi
∞ · TOKENS

Tokens email

Mappés sur le design system v2. Doivent rester limités : les emails ne supportent pas les variables CSS — chaque valeur est inlinée par react-email.

Couleurs

Violet — primary
#7033ff · violet-500
CTA, pill, highlight, accents
Violet 50
violet-50
Fond highlight & pill violette
Zinc 950
#09090b
Texte principal, titres
Zinc 700
#3f3f46
Texte courant body
Zinc 500
#71717a
Helper, meta, légal
Zinc 200
#e4e4e7
Bordures, séparateurs
Zinc 50
#fafafa
Fonds card-head, footer
Green 500
success
Pill green · signature finalisée
Amber 500
warning
Pill amber · relance niv. 2
Red 500
destructive
Pill red · mise en demeure

Échelle typographique

Titre — 24/600
e-h1
Titre principal, balance, tracking serré
Section — 16/600
e-h2
Titre de bloc
Lede — 15/400
e-lede
Paragraphe d'intro
Body — 14/400
e-p
Texte courant, line-height 1.65
EYEBROW — 11/600
e-eyebrow
Label catégorie en majuscules
1 240,00 €
e-kv .v.amount
Montant en mono, tnum