01 / Motion studies
Available logo motion
All uploaded GIF studies are now inside the system. Motion 01 stays as the default, and the rest can be selected from the gallery or builder.
02 / In-context preview
Email preview
Hi John,
Thanks again for the feedback. Sharing the latest update below — everything on our side looks good.
Best,
03 / Builder
Build the signature
All controls below update the preview and the final email-safe HTML at the same time.
Identity
ContentLayout
LogoTypography
Email-safeName
Title
Contact
Ready
Output
Generated HTML
The HTML uses table layout and inline styles for better Gmail / Outlook compatibility. The GIF URL must be public before the final signature is used.
04 / Setup guide
How to use it
Gmail
- Open Settings → See all settings → General → Signature.
- Create a new signature.
- Click Copy HTML Signature here and paste it into the signature field.
- Save changes and send yourself a test email.
Outlook
- Open Settings → Mail → Compose and reply.
- Create or edit the signature.
- Paste the copied signature into the editor.
- Save and test on desktop + mobile.
Important notes
- Animated signatures use GIF, not CSS animation.
- The GIF must live at a public HTTPS URL.
- Old Outlook versions can show only the first GIF frame.
- Font choices here use safe system-font fallbacks.
- Dark preview is a simulation; the actual signature styles stay exactly as selected.