Adidas
Email Header with Menu
single column Muted Image CTA
Adidas Email Components
Browse our collection of Adidas-inspired email components. Each component is fully responsive and ready to use in your email designs.
5 components
Browse by
About Adidas’s Email Design
Adidas brings athletic energy and bold performance aesthetics to email design with dynamic layouts that capture the brand’s sporting heritage. Their emails feature high-energy product photography, bold typography inspired by sports graphics, and the iconic three-stripe branding elements. Each email conveys movement, performance, and athletic aspiration through strategic use of action photography and motivational messaging.
The brand’s email design balances product showcasing with lifestyle storytelling. Adidas emails often feature athlete partnerships, limited edition releases, and performance technology explanations, all wrapped in designs that feel energetic yet professional. Their signature black, white, and bold accent color palette creates instantly recognizable communications.
Design Principles
- Athletic energy: Dynamic layouts with action photography and performance-focused imagery
- Bold typography: Strong, sports-inspired typefaces that command attention and motivate
- Product-centric design: Clear product showcases with technical details and performance benefits
- Iconic branding: Strategic use of the three-stripe logo and signature brand elements
Key Components
Browse the collection above to explore dynamic hero sections, product grid layouts, athlete feature blocks, and performance-focused CTAs—all inspired by Adidas’s athletic email design system.
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 maintaining the energetic Adidas aesthetic.
Best Practices
- Showcase product in action: Use dynamic photography that demonstrates performance and lifestyle appeal
- Create urgency: Leverage limited editions and release drops with time-sensitive design elements
- Maintain athletic hierarchy: Lead with bold visuals and support with concise, motivational copy
- Balance brand elements: Use three-stripe patterns and logo strategically without overwhelming
Frequently Asked Questions
How do I use Adidas email components in Figma?
Click the "Copy Figma Component" button on any Adidas 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 Adidas email components responsive?
Yes, all Adidas email components are fully responsive and work across all major email clients including Gmail, Outlook, Apple Mail, and mobile devices.
Can I customize the Adidas 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.