I'll convert this Figma design into a fully functional, responsive email template optimized for Braze and all major email clients. Let me create both a web preview version and the email-optimized HTML.

I've created a fully functional, responsive email template based on your Figma design that's optimized for Braze and all major email clients. Here's what I've delivered:

Web Preview Application

• Live Preview: You can view and test the email template in a web browser
• Responsive Design: Automatically adapts to desktop and mobile viewports
• Interactive Elements: All links and buttons are functional for testing

Email-Optimized HTML

• Braze-Ready: Includes Braze liquid templating ({{${first_name} | default: 'there'}})
• Cross-Client Compatibility: Uses table-based layout with inline CSS for maximum compatibility
• Outlook Support: Includes MSO-specific code for Microsoft Outlook
• Mobile Responsive: Media queries ensure perfect mobile display

Key Features Implemented

• Exact Design Match: Recreated the Upwork branding, colors, and layout
• Personalization: Dynamic name insertion with fallback
• Call-to-Action: Prominent green CTA button
• Social Media Icons: Footer with social links and mobile app links
• Professional Typography: Proper font weights and spacing
• Accessibility: Semantic HTML and proper alt text

Technical Specifications

• Email Width: 600px maximum (standard email width)
• Color Palette: Upwork green (#14a800) with proper contrast ratios
• Fallback Support: Works even with images disabled
• Testing Ready: Can be imported directly into Braze for testing

The web application allows you to preview exactly how the email will look, while the HTML file (email-template-braze.html) is production-ready for deployment in Braze. You can copy the HTML code directly into your Braze email campaign.

Would you like me to make any adjustments to the design or add specific tracking parameters for your Braze implementation?