Select your account, click +, then paste in the signature pane (⌘V).
Uncheck « Match default message font ».
Apple Mail (iOS)
Send the signature to your iPhone (e.g., to yourself).
Long-press → Copy.
Settings → Mail → Signature → paste.
Shake → Undo Attributes if formatting got stripped, then re-paste.
Gmail (web)
Click Copy HTML.
Open Gmail → ⚙ Settings → See all settings → General → Signature.
Create a new signature, paste (⌘V / Ctrl+V).
Save changes at the bottom of the page.
Outlook (web / new desktop)
Click Copy HTML.
Open Outlook → Settings → Mail → Compose and reply.
Paste in the signature editor.
Set as default for new messages and replies if desired.
Outlook (legacy desktop, Windows)
Outlook desktop on Windows strips Google Fonts and inline SVGs. Use the Download HTML file instead :
Click Download to get the .html file.
Open it in a browser, select all (Ctrl+A), copy (Ctrl+C).
Outlook → File → Options → Mail → Signatures → New, then paste.
Le rendu utilisera Helvetica/Arial + Consolas en fallback — c'est normal.
Comment fonctionne l'export
Deux images sont produites :
Le logo 60×60 est intégré en base64 directement dans le HTML — pas d'hébergement externe nécessaire.
Le header complet 520×60 (logo + studio + nom + rôle) est uploadé sur Supabase Storage et référencé par URL HTTPS uniquement à l'intérieur d'un commentaire conditionnel <!--[if mso]--> — donc visible uniquement par Outlook desktop Windows. Les autres clients utilisent le rendu HTML natif.
Cette double approche évite un bug Gmail : si le PNG header était embarqué en data:URI dans le commentaire MSO, Gmail l'extrait et le ré-affiche en double dans la signature. L'URL HTTPS contourne ce comportement.
Dark mode
Le HTML exporté contient un seul logo noir. Outlook 2019+ inverse automatiquement les images sombres sur fond sombre, et Apple Mail/Gmail affichent toujours le contenu d'email sur fond quasi-blanc même en mode sombre. Pas de bascule CSS — c'est plus fiable que les @media (prefers-color-scheme: dark) qui sont incohérents entre clients.