What is this Airbnb email template?
This template is a Figma recreation of Airbnb's email design system — warm, hospitable, and conversion-focused. It captures the visual language Airbnb uses across booking confirmations, trip reminders, and host communications: a clean two-section layout, large imagery placeholder, subtle warm neutrals, and a prominent CTA that drives action without feeling pushy.
Duplicate the Figma file, customize with your brand, and export production-ready HTML in one click using the Marka Email Generator plugin.
Why Airbnb's email format works
Airbnb's emails balance utility with warmth — they feel personal even when they're automated. The design achieves this through a few deliberate choices:
Hero image + summary layout Airbnb leads with a strong image (property photo, map, or illustration) that anchors the email visually, followed by a tight summary block with the key details. This pattern works for any confirmation or notification email where you want to create context before presenting information.
Warm neutral palette Instead of pure black on white, Airbnb uses warm off-whites and soft greys. The result feels more like a message from a friend than a system notification — which matters for brand trust.
Progressive disclosure Primary information (dates, address, reservation code) is displayed prominently at the top. Secondary details (house rules, host contact, cancellation policy) are pushed to collapsible or footer sections. Users get what they need immediately and can dig deeper if needed.
How to use this template in Figma
- Duplicate the Figma file from the community link above
- Replace the hero image placeholder with your product or service imagery
- Update the booking/confirmation details section with your content fields
- Swap the logo and adjust colors to match your brand
- Open Marka Email Generator plugin and select the frame
- Click Export HTML — paste into your email platform or use the API export
The template uses Auto Layout throughout, so responsive behavior is handled automatically by Marka on export.
Customization tips
The hero image slot The large image placeholder at the top is the most impactful element. For a booking platform it's a property photo — for a SaaS product it could be a product screenshot or abstract illustration. Keep the aspect ratio similar (wide landscape) so the layout proportions hold.
Confirmation detail rows The template includes a clean table-style block for key–value pairs (check-in date, address, reservation ID). These render as HTML table rows on export — reliable across Outlook and all webmail clients.
Personalization Add your platform's personalization syntax to the guest name, booking details, and host name text layers. Marka preserves the variable syntax in the exported HTML — no post-export find-and-replace needed.
Frequently asked questions
Is this Airbnb's actual email template? No — this is an inspired-by recreation that follows Airbnb's visual language. You're expected to customize it for your own brand before use.
Does it render correctly in Gmail and Outlook? Yes. Marka exports responsive, table-based HTML that works in Gmail, Outlook (all versions), Apple Mail, and webmail clients.
Can I add a map image dynamically? Yes. Replace the hero image src in the exported HTML with your dynamic map URL variable — most email platforms support conditional image src values.
