AllTrails
Cold Weather Essentials Promotion
single column CTADark Image CTA
AllTrails Email Components
Browse our collection of AllTrails-inspired email components. Each component is fully responsive and ready to use in your email designs.
4 components
Browse by
About AllTrails’s Email Design
AllTrails brings the beauty of outdoor exploration to email design with nature-inspired layouts featuring stunning trail photography and map visualizations. Their emails capture the spirit of hiking and outdoor adventure through expansive landscape imagery, clean information design, and their signature green brand color that evokes forests and trails. Each email inspires users to get outside while providing practical trail recommendations.
Their email design balances inspirational outdoor photography with functional trail information. AllTrails emails feature location-based trail suggestions, difficulty ratings, user reviews, and map previews—all presented in clean, scannable layouts that help hikers plan their next adventure. The design reflects both the app’s utility and the emotional pull of nature.
Design Principles
- Inspirational imagery: Stunning trail and nature photography that motivates outdoor exploration
- Location intelligence: Personalized trail recommendations with clear geographic context
- Practical information: Well-organized trail details including distance, elevation, and difficulty ratings
- Community-driven: User photos and reviews integrated into trustworthy, social layouts
Key Components
Browse the collection above to explore trail recommendation cards, map preview sections, seasonal roundup layouts, and location-based hero images—all inspired by AllTrails’s outdoor-focused email design.
Using These Components
Each component is available in Figma and can be copied directly into your designs. They’re built with email-safe HTML and CSS, ensuring compatibility across all major email clients while capturing the spirit of outdoor adventure.
Best Practices
- Lead with landscape: Use high-quality outdoor photography to create immediate emotional connection
- Organize by location: Structure trail recommendations geographically for personal relevance
- Show difficulty clearly: Use visual indicators for trail difficulty, distance, and elevation gain
- Include social proof: Feature user ratings, reviews, and community photos to build trust
Frequently Asked Questions
How do I use AllTrails email components in Figma?
Click the "Copy Figma Component" button on any AllTrails component, then paste it directly into your Figma design file using Cmd+V (Mac) or Ctrl+V (Windows). The component will be ready to customize.
Are these AllTrails email components responsive?
Yes, all AllTrails email components are fully responsive and work across all major email clients including Gmail, Outlook, Apple Mail, and mobile devices.
Can I customize the AllTrails components?
Absolutely! Once copied into Figma, you can customize colors, fonts, spacing, images, and all other design elements to match your brand.
Do I need Emailify to use these components?
These components are designed to work seamlessly with the Emailify Figma plugin, which converts your designs to production-ready HTML email code. You can use them in Figma for free, and use Emailify when you're ready to export.